/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* QQ：9490489 */
.slide-img {
	overflow: hidden;
	/*cursor: pointer;*/
}
.slide-img img {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: -1;
}

h2.title {
	position: relative;	
    line-height: 52px;
    font-size: 38px;
	color: #333;
    /*font-family: xdlgob; */
	text-align: center;
}
h2.title.title-2 {
	display: inline-block;
	color: #fff;
}
.solution h2.title.title-2 {
	line-height: 60px;
    font-size: 50px;
}
h2.title::after {
	content: ' ';
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -38px;
	background: #014fa2;
	width: 76px;
	height: 5px;
}
h2.title.title-2::after {
	background: #fff;
	left: 0;
	margin-left: 0;
}

.pros {
	padding-top: 90px;
	height: 814px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pros h2.title {
}
.pros-list {
	padding-top: 100px;
	border-top: 1px solid #e6e0e0;
	margin-top: 100px;
	font-size: 0;
	text-align: center;
}
.pros-one {
	display: inline-block;
	width: 350px;
	vertical-align: top;
}
.pros-one-img {
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
.pros-one-img img {
	height: 300px;
	-o-transition: opacity .3s .05s;
	-moz-transition: opacity .3s .05s;
	transition: opacity .3s .05s;
}

.pros-one-1 .pros-one-img,
.pros-one-2 .pros-one-img,
.pros-one-3 .pros-one-img,
.pros-one-4 .pros-one-img {
	-webkit-transform: translateY(40px);
	   -moz-transform: translateY(40px);
	     -o-transform: translateY(40px);
	        transform: translateY(40px);
	opacity: 0;
}
.pros-one-1 .pros-one-img.move,
.pros-one-2 .pros-one-img.move,
.pros-one-3 .pros-one-img.move,
.pros-one-4 .pros-one-img.move {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-o-transition: .8s;
	-moz-transition: .8s;
	transition: .8s;
}
.pros-one-1 .pros-one-img.move,
.pros-one-4 .pros-one-img.move {
	-o-transition: .8s .15s;
	-moz-transition: .8s .15s;
	transition: .8s .15s;
}
.pros-one-1 h3,
.pros-one-2 h3,
.pros-one-3 h3,
.pros-one-4 h3 {
	-webkit-transform: translateY(30px);
	   -moz-transform: translateY(30px);
	     -o-transform: translateY(30px);
	        transform: translateY(30px);
	opacity: 0;
}
.pros-one-1 h3.move,
.pros-one-2 h3.move,
.pros-one-3 h3.move,
.pros-one-4 h3.move {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-o-transition: .8s .15s, top .3s, color .3s;
	-moz-transition: .8s .15s, top .3s, color .3s;
	transition: .8s .15s, top .3s, color .3s;
}
.pros-one-1 h3.move,
.pros-one-4 h3.move {
	-o-transition: .8s .3s, top .3s, color .3s;
	-moz-transition: .8s .3s, top .3s, color .3s;
	transition: .8s .3s, top .3s, color .3s;
}
img.pros-one-img-h {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	-o-transition: opacity .3s .05s;
	-moz-transition: opacity .3s .05s;
	transition: opacity .3s .05s;
}

.pros-one h3 {
	position: relative;
	top: 0;
	line-height: 22px;
	font-size: 22px;
	color: #999;
	-o-transition: color .3s, top .3s;
	-moz-transition: color .3s, top .3s;
	transition: color .3s, top .3s;
}
.pros-one:hover h3 {
	top: 7px;
	color: #006633;
}

/*动态视差背景*/
.activebg {
    position: absolute;
    z-index: -1;
    width: 100%;
    /*height: 620px;*/
    height: 900px;
    background: #fff;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
	will-change: transform;
}

.solution {
	position: relative;
	width: 100%;
	height: 620px;
	overflow: hidden;
}
.solution-in {
	position: absolute;
    left: 15.5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
    width: 28%;
}
.solution-in h3 {
	margin-top: 43px;
	line-height: 44px;
	font-size: 38px;
	color: #fff;
}
.solution-p {
    margin-top: 33px;
	line-height: 24px;
	font-size: 14px;
    color: #fff;
    opacity: .7;
}
.solution-in a.a-1 {
	margin-top: 34px;
}

.news {
	position: relative;
	padding-top: 90px;
	padding-bottom: 106px;
	width: 100%;
	/*height: 1023px;*/
	font-size: 0;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.news-in {
	/*margin-top: 185px;*/
	margin-top: 96px;
	padding-top: 88px;
	border-top: 1px solid #e6e0e0;
    margin-bottom: 96px;
}
.news-one {
	display: inline-block;
	margin-right: 43px;
	margin-left: 43px;
	width: 380px;
	text-align: left;
	vertical-align: top;
}
.news-one-1,
.news-one-2,
.news-one-3 {
	-webkit-transform: translateY(45px);
	   -moz-transform: translateY(45px);
	     -o-transform: translateY(45px);
	        transform: translateY(45px);
	opacity: 0;
}
.news-one-1.move,
.news-one-2.move,
.news-one-3.move {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-o-transition: .9s;
	-moz-transition: .9s;
	transition: .9s;
}
.news-one-1.move,
.news-one-3.move {
	-o-transition: .9s .08s;
	-moz-transition: .9s .08s;
	transition: .9s .08s;
}
.news a.a-1 {
	-webkit-transform: translateY(30px);
	   -moz-transform: translateY(30px);
	     -o-transform: translateY(30px);
	        transform: translateY(30px);
	opacity: 0;
}
.news a.a-1.move {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	transition: .3s,opacity .9s .2s,-webkit-transform .9s .2s;
	-o-transition: .3s,opacity .9s .2s,-o-transform .9s .2s;
	-moz-transition: .3s,transform .9s .2s,opacity .9s .2s,-moz-transform .9s .2s;
	transition: .3s,transform .9s .2s,opacity .9s .2s;
	transition: .3s,transform .9s .2s,opacity .9s .2s,-webkit-transform .9s .2s,-moz-transform .9s .2s,-o-transform .9s .2s;
}
.news-one-img {
	margin-bottom: 38px;
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
    -moz-border-radius: 6px;
         border-radius: 6px;
    overflow: hidden;
}
.news-one-img {
	position: relative;
	height: 234px;
}
.news-one-img img {
	/*width: 100%;*/
	width: auto;
	/*max-width: 100%;*/
	height: 100%;
    -o-transition: .55s .05s;
    -moz-transition: .55s .05s;
    transition: .55s .05s;
}
.news-one-img:hover img {
	/*transform: scale(1.125);*/
	-webkit-transform: scale(1.13);
	   -moz-transform: scale(1.13);
	     -o-transform: scale(1.13);
	        transform: scale(1.13);
}
.news-one-desc {
	position: relative;
}
.news-one-desc h3 {
	margin-bottom: 6px;
	height: 26px;
	line-height: 22px;
	font-size: 22px;
	color: #006633;
	white-space: nowrap; 
	-o-text-overflow: ellipsis; 
	   text-overflow: ellipsis;
	overflow: hidden; 
}
.news-one-desc h3 a {
	color: #006633;
	-o-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s;
}
.news-one-desc h3:hover a {
	color: #006633;
}
.news-one-desc p.desc {
	display: -webkit-box;
	/*padding-bottom: 24px;*/
	/*border-bottom: 1px solid #f1f1f1;*/
	margin-bottom: 67px; 
	height: 48px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
	-webkit-line-clamp: 2; 
	overflow: hidden;
}
.news-one-desc::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -24px;
	width: 100%;
	height: 1px;
	background: #f1f1f1;
}

.nums {
	position: relative;	
	width: 100%;
	height: 596px;
	overflow: hidden;
}
.nums-list {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 100%;
	font-size: 0;
	text-align: center;
}
.nums-one {
	display: inline-block;
	width: 320px;
}
.nums-one-img {
	margin-bottom: 50px;
	height: 38px;
}
.nums-one-desc h3 {
	position: relative;
	display: inline-block;
}
.nums-one-desc h3 span {
	line-height: 50px;
	font-size: 50px;
	/*font-family: xdlgob;*/
	color: #fff;
}
.nums-one-desc p.desc {
	margin-top: 45px;
	line-height: 15px;
	font-size: 15px;
	color: #fff;
}
.nums-cross {
	position: absolute;
    right: -17px;
    top: 0;
	width: 14px;
	height: 14px;
	background-image: url(../img/nums-cross.png);	
	background-repeat: no-repeat;
	-moz-background-size: 14px 14px;
	  -o-background-size: 14px 14px;
	     background-size: 14px 14px;
	background-position: center;
}

.serv {
	padding-top: 98px;
	width: 100%;
	height: 845px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serv-list {
	margin-top: 130px;
	font-size: 0;
	text-align: center;
}
.serv-one {
	display: inline-block;
	margin-right: 22px;
	margin-left: 22px;
	width: 370px;
	height: 460px;
	-moz-border-radius: 4px;
	     border-radius: 4px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
.serv-one-in {
	padding-top: 70px;
	border: 1px solid #e5e5e5;
	height: 100%;
	/*font-family: xdlgo;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	transition: box-shadow .4s, -webkit-transform .4s;
	-o-transition: box-shadow .4s, -o-transform .4s;
	-moz-transition: transform .4s, box-shadow .4s, -moz-transform .4s, -moz-box-shadow .4s;
	transition: transform .4s, box-shadow .4s;
	transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s, -moz-box-shadow .4s;
}
.serv-one-in:hover {
	-webkit-transform: translateY(-3px);
	   -moz-transform: translateY(-3px);
	     -o-transform: translateY(-3px);
	        transform: translateY(-3px);
	-moz-box-shadow: 0px 5px 30px 0px #d6d6d6;
	     box-shadow: 0px 5px 30px 0px #d6d6d6;
}
.serv-one-1,
.serv-one-2,
.serv-one-3 {
	-webkit-transform: translateY(45px);
	   -moz-transform: translateY(45px);
	     -o-transform: translateY(45px);
	        transform: translateY(45px);
	opacity: 0;
}
.serv-one-1.move,
.serv-one-2.move,
.serv-one-3.move {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.serv-one-1.move,
.serv-one-3.move {
	-o-transition: 1s .1s;
	-moz-transition: 1s .1s;
	transition: 1s .1s;	
}

.serv-one-img {
	height: 59px;
}
.serv-one-desc {
	margin-top: 58px;
	margin-bottom: 21px;
}
.serv-one-desc h3 {
	margin-bottom: 30px;
	height: 26px;
	line-height: 22px;
	font-size: 22px;
	color: #666;
	white-space: nowrap; 
	-o-text-overflow: ellipsis; 
	   text-overflow: ellipsis;
	overflow: hidden; 
	-o-transition: color .3s; 
	-moz-transition: color .3s; 
	transition: color .3s;
}
.serv-one:hover .serv-one-desc h3 {
	color: #006633;
}
.serv-one-desc p.desc {
	/*display: -webkit-box;*/
	padding-right: 20px;
	padding-left: 20px;
	height: 72px;
	line-height: 24px;
	font-size: 14px;
	color: #969696;
	/*-webkit-line-clamp: 2; */
	overflow: hidden;
	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
	text-align: center;
}

.contact {
	position: relative;
	width: 100%;
	height: 514px;
	overflow: hidden;
}
.contact h2.title {
    margin-bottom: 30px;
    font-size: 50px;
}
h2.title.title-2::after {
	background: #fff;
}
.contact h2.title.title-2::after {
	/*background: #014fa2;*/
}
.contact-in {
	position: absolute;
	/*right: 20.8%;*/
    left: 63%;
	top: 55%;
	-webkit-transform: translateY(-55%);
	   -moz-transform: translateY(-55%);
	     -o-transform: translateY(-55%);
	        transform: translateY(-55%);
}
.contact-p {
	line-height: 18px;
	font-size: 14px;
	color: #fff;
	opacity: .7;
}
.contact-phone {
	display: inline-block;
	margin-top: 23px;
	line-height: 20px;
	font-size: 20px;
	color: #fff;
}


@media (max-width: 1450px) {
	.swiper-slide .title {
	    left: 9%;
	}
	p.banner-p {
	    line-height: 40px;
	    font-size: 34px;
	}

	.pros-one {
		width: 21%;
	}

	.news-one {
		display: inline-block;
	    margin-right: 1.3%;
	    margin-left: 1.3%;
	    width: 25%;
		text-align: left;
	}
	.news-one-desc h3 {
		font-size: 18px;
	}
	.news-one-desc p.desc {
		font-size: 12px;
	}

	.nums-one {
	    width: 20%;
	}
	.nums-one-desc h3 span {
		font-size: 38px;
	}
	.nums-one-desc p.desc {
		font-size: 13px;
	}

	.serv-one {
	    margin-right: 1%;
	    margin-left: 1%;
		width: 25%;
	}
	.serv-one-desc h3 {
		font-size: 18px;
	}
	.serv-one-desc p.desc {
		font-size: 12px;
	}
}

@media (max-width: 75em) {
	.nums-one-desc h3 span {
	    font-size: 32px;
	}
}

@media (max-width: 62em) {
	.pros {
	    padding-top: 100px;
	    padding-bottom: 120px;
	    height: auto;
	}
	.pros-one {
		padding-top: 20px;
		padding-bottom: 20px;
	    width: 40%;
	}

	.contact-in {
	    left: 60%;
	}
}

@media (max-width: 48em) {
	.swiper-container {
	    /*margin-top: -40px;*/
	    margin-top: 59px;
	}

	.apple-banner {
	    height: 400px;
	}
	.swiper-slide .title {
	    top: 44%;
	}
	p.banner-p {
	    line-height: 34px;
	    font-size: 28px;
	}
	.pagination {
        bottom: 22px;
	}
	.pagination li {
	    margin: 0 5px;
	}

	h2.title,
	.solution h2.title.title-2 {
	    line-height: 30px;
	    font-size: 30px;
	}
	.contact h2.title {
	    font-size: 30px;
	}

	h2.title::after {
	    bottom: -18px;
	    margin-left: -22px;
	    width: 46px;
	    height: 4px;
	}
	h2.title.title-2::after {
		/*left: 50%;*/
		/*left: 12%;*/
		left: 17%;
	    margin-left: -22px;
	}
	.solution h2.title.title-2::after {
	    left: 17%;
	    margin-left: -22px;
	}

	.pros {
	    padding-top: 40px;
        padding-bottom: 36px;
	}
	.pros-list {
	    padding-top: 25px;
	    margin-top: 49px;
	}
	.pros-one {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.pros-one-img {
		/*margin-bottom: 0;*/
	}
	.pros-one h3 {
	    line-height: 20px;
	    font-size: 20px;
	}

	.solution-in {
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	       -moz-transform: translate(-50%, -50%);
	         -o-transform: translate(-50%, -50%);
	            transform: translate(-50%, -50%);
	    text-align: center;
	    width: 90%;
	}
	.solution-p {
	}
	.solution-in a.a-1 {
	    margin-top: 25px;
	}
	.solution {
	    height: 400px;
	}
	.solution-in h3 {
        margin-top: 35px;
	    line-height: 28px;
	    font-size: 28px;
	}

	.contact-in {
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	       -moz-transform: translate(-50%, -50%);
	         -o-transform: translate(-50%, -50%);
	            transform: translate(-50%, -50%);
	    width: 90%;
	    text-align: center;
	}
	.contact h2.title {
	    margin-bottom: 40px;
	}
	.contact-phone {
	    margin-top: 32px;
	    line-height: 24px;
	    font-size: 16px;
	}
	.contact-phone::before {
	    top: 8px;
	}
	.contact {
	    height: 400px;
	}

	.news-one-belongs {
		display: none;
	}
	.news-one-desc p.desc {
	    padding-bottom: 0;
	    border-bottom: 0;
	    margin-bottom: 0;
	    height: 48px;
	    line-height: 24px;
	    font-size: 14px;
	}
	.news-one-desc::after {
		display: none;
	}

	.news {
	    padding-top: 42px;
	    padding-bottom: 55px;
	    width: 100%;
	    height: auto;
	}
	.news-in {
	    margin-top: 50px;
	    padding-top: 35px;
	    margin-bottom: 30px;
	}
	.news-one {
	    display: inline-block;
	    margin: 15px 10%;
	    width: 316px;
	}
	.news-one-img {
	    margin-bottom: 20px;
	    height: auto;
	}
	.news-one-img img {
		width: 100%;
		height: auto;
	}

	.nums {
	    height: 500px;
	}
	.nums-one {
		margin-top: 25px;
		margin-bottom: 25px;
	    width: 35%;
	}
	.nums-one-img {
	    margin-bottom: 16px;
	}
	.nums-one-desc p.desc {
	    margin-top: 18px;
	}
	.nums-one-desc h3 span {
	    font-size: 28px;
	}

	.serv {
        padding-top: 40px;
	    height: auto;
	}
	.serv-list {
	    margin-top: 40px;
        margin-bottom: 34px;
	}
	.serv-one {
		margin-top: 20px;
		margin-bottom: 20px;
	    margin-right: 1%;
	    margin-left: 1%;
	    width: 50%;
	    min-width: 320px;
	    height: auto;
	}
	.serv-one-in {
	    padding-top: 30px;
	    padding-bottom: 30px;
	    height: auto;
	}
	.serv-one-desc {
	    margin-top: 32px;
	    margin-bottom: 20px;
	}
	.serv-one-desc h3 {
	    margin-bottom: 10px;
	}
	.serv-one-desc p.desc {
	    height: 48px;
	}
	.pros-one-img img {
	
	height: 153px;
	-o-transition: opacity .3s .05s;
	-moz-transition: opacity .3s .05s;
	transition: opacity .3s .05s;
}

	/*关闭出场动效*/
	.pros-one-1 .pros-one-img,
	.pros-one-2 .pros-one-img,
	.pros-one-3 .pros-one-img,
	.pros-one-4 .pros-one-img {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	.pros-one-1 .pros-one-img.move,
	.pros-one-2 .pros-one-img.move,
	.pros-one-3 .pros-one-img.move,
	.pros-one-4 .pros-one-img.move {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-o-transition: 0s;
		-moz-transition: 0s;
		transition: 0s;
	}
	.pros-one-1 .pros-one-img.move,
	.pros-one-4 .pros-one-img.move {
		-o-transition: 0s;
		-moz-transition: 0s;
		transition: 0s;
	}
	.pros-one-1 h3,
	.pros-one-2 h3,
	.pros-one-3 h3,
	.pros-one-4 h3 {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	.pros-one-1 h3.move,
	.pros-one-2 h3.move,
	.pros-one-3 h3.move,
	.pros-one-4 h3.move {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-o-transition: color .3s;
		-moz-transition: color .3s;
		transition: color .3s;
	}
	.pros-one-1 h3.move,
	.pros-one-4 h3.move {
		-o-transition: color .3s;
		-moz-transition: color .3s;
		transition: color .3s;
	}

	.news-one-1,
	.news-one-2,
	.news-one-3 {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}	
	.news-one-1.move,
	.news-one-2.move,
	.news-one-3.move {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-o-transition: 0s;
		-moz-transition: 0s;
		transition: 0s;
	}
	.news-one-1.move,
	.news-one-3.move {
		-o-transition: 0s;
		-moz-transition: 0s;
		transition: 0s;
	}
	.news a.a-1 {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 0;
	}
	.news a.a-1.move {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		/*transition: .3s,opacity .9s .2s;*/
		-o-transition: 0s;
		-moz-transition: 0s;
		transition: 0s;
	}

	.serv-one-1,
	.serv-one-2,
	.serv-one-3 {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}	
	.serv-one-1.move,
	.serv-one-2.move,
	.serv-one-3.move {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-o-transition: 0s;
		-moz-transition: 0s;
		transition: 0s;
	}
	.serv-one-1.move,
	.serv-one-3.move {
		-o-transition: 0s;
		-moz-transition: 0s;
		transition: 0s;	
	}
}

@media (min-width: 750px) {
}

@media (max-width: 750px) {

}

@media (min-width: 34em) {
	.first {
		background-image: url(../img/banner-solution-2.jpg);
	}
	.secbg {
		background-image: url(../img/bg-2.jpg);
	}
	.thirdbg {
		background-image: url(../img/bg-3.jpg);
	}
	.m-bg {
		display: none;
	}
}

@media (max-width: 34em) {

	h2.title::after {
		/*background: transparent;*/
	}

	.swiper-container {
	    margin-top: 0;
	}

	.pros {
	    padding-top: 47px;
	}
	.pros-list {
		position: relative;
	    padding-top: 10px;
        margin-top: 15px;
		border-top: 1px solid transparent;
	}
	.pros-list::after {
		content: '';
		position: absolute;
		left: 0;
		z-index: -1;
	    top: 280px;
		width: 100%;
		height: 1px;
		background: #e6e0e0;
	}
	.pros-one {
	    width: 122px;
        padding-top: 40px;
	    padding-bottom: 40px;
	    margin-right: 5.5%;
	    margin-left: 5.5%;
	}
	.pros-one h3 {
	    line-height: 20px;
	    font-size: 18px;
	    color: #333;
	}
	.pros-one-img {
		margin-bottom: 13px;
	}

	.solution {
	    height: auto;
	}
	.solution-m-bg img {
		max-width: 100%;
		height: auto;
	}
	.solution {
	}
	.solution h2.title.title-2 {
		text-align: left;
	}
	.solution .solution-m-bg h2.title.title-2 {
	    position: absolute;
	    left: 16%;
	    top: 16%;
	    -webkit-transform: translate(-16%, -16%);
	       -moz-transform: translate(-16%, -16%);
	         -o-transform: translate(-16%, -16%);
	            transform: translate(-16%, -16%);
	    z-index: 999;
	}
	.solution .solution-in h2.title.title-2 {
		display: none;
	}
	.solution-in a.a-1 {
	    margin-top: 32px;
	}
	.solution-in {
		position: relative;
	    left: 50%;
	    top: 0;
	    -webkit-transform: translate(-50%, 0);
	       -moz-transform: translate(-50%, 0);
	         -o-transform: translate(-50%, 0);
	            transform: translate(-50%, 0);
	    text-align: center;
	    width: 76%;
	    height: 301px;
	}
	.solution-in h3 {
	    color: #333;
	}
	.solution-p {
	    margin-top: 23px;
	    height: 120px;
	    line-height: 24px;
	    font-size: 14px;
	    color: #999;
	    overflow: hidden;
	}

	h2.title.title-2::after {
		/*background: transparent;*/
	}

	.news {
		overflow: hidden;
		border-top: 18px solid #d8d8d8;
	}
	.news-in {
	    padding-top: 20px;
	    margin-top: 0;
	    margin-bottom: 39px;
	    border-top: 1px solid transparent;
	}
	.news-one {
		position: relative;	
		padding-top: 44px;
		padding-bottom: 39px;
		margin: 0;
	}
	.news-one::after {
		content: ' ';
		position: absolute;
		left: 50%;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 200%;
		height: 1px;
		background: #e6e0e0;
	}

	.nums {
	    height: auto;
	}
	.nums-m-bg img {
		max-width: 100%;
		height: auto;
	}
	.nums-one {
		margin-top: 20px;
		margin-bottom: 20px;
	    width: 50%;
	}
	.nums-one-desc h3 span {
	    font-size: 26px;
	}

	.serv {
	    padding-top: 52px;
	}
	.serv-one {
	    margin-top: 12px;
	    margin-bottom: 12px;
	}

	.contact {
	    height: auto;
	    background: #040404;
	}
	.contact-m-bg img {
		max-width: 100%;
		height: auto;
	}
	.contact h2.title.title-2::after {
		/*background: transparent;*/
	}
	.contact-in {
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	       -moz-transform: translate(-50%, -50%);
	         -o-transform: translate(-50%, -50%);
	            transform: translate(-50%, -50%);
	    width: 84%;
	    text-align: left;
	}
	.contact-p {
	    line-height: 20px;
	    font-size: 16px;
	    color: #e3e3e3;
	    opacity: .6;
	}
	.contact h2.title {
	    margin-bottom: 25px;
	}
	.contact-phone {
	    margin-top: 21px;
	}

	.apple-banner {
	    height: auto;
	}
	.apple-banner .slide-img img {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.apple-banner .swiper-container {
	    -webkit-transform: translate3d(0px, -77px, 0px);
	       -moz-transform: translate3d(0px, -77px, 0px);
	            transform: translate3d(0px, -77px, 0px);
		margin-top: 77px;
		width: 100%;
		height: 476px;
	}
	.apple-banner .swiper-wrapper {
		height: 476px;
	}
	.apple-banner .swiper-slide .title {
	    top: 52%;
	}
	p.banner-p {
/*	    line-height: 26px;
	    font-size: 20px;
*/
	    line-height: 26px;
	    font-size: 25px;
	}
	.pagination {
	    bottom: 13px;
	}
	.pagination li {
	    margin: 0 8px;
	}

	.activebg {
		display: none;
	    background-attachment: scroll;
	}
}
@media (max-width: 410px) {
	.solution {
	}
}
/*i5*/
@media (max-width: 330px) {
	.news-one {
	    width: -moz-calc(100% - 30px);
	    width: calc(100% - 30px);
	}

	.nums-one-desc h3 span {
	    font-size: 22px;
	}

	.serv-one {
	    min-width: -moz-calc(100% - 30px);
	    min-width: calc(100% - 30px);
	}

}


body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;}
body sup {display: inline-block!important;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#242424;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #a1a4b2;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #a1a4b2;font-size:14px;}

.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.ipshow {display: none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}
.dblockw100hauto{display:block;width: 100%;height:auto;}
.mark-nav-bg {width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 100;background: #000;opacity: .5;display: none;}
.mark-nav-bg.cur {display: block;}
.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: auto!important;}
.img-block {display: block;width: 100%;height: auto;}
.section {background-position: center;background-repeat: no-repeat;background-size: cover;clear: both;overflow: hidden;}
.section .content {}
.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #006633;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 42px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #006633;}
.title-style .line {width: 80px;height: 4px;background: #006633;margin: 10px 0;}
.title-style-1 {}


html {
    font-size: 100px;
}
.container1 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    position: relative;
}
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-word-break: normal !important;
        word-break: normal !important;
        word-wrap: break-word !important;
    }
    .img-common {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-background-size: cover;
    }
    
    .img-position {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }









.index-products-center {padding: 3%;overflow: hidden;}
.index-products-center .top{width: 85%;margin: auto;padding:0px 0 50px 0;overflow: hidden;position: relative;}
.index-products-center .top .title-style{text-align: center;}
.index-products-center .top .title-style .line {margin: 20px auto auto;}
.index-products-center .top .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 16px;line-height: 26px;text-align: center;}
.index-products-center .bottom5{position: relative;padding-left: 33.333333%;background: #000;overflow: hidden;}
.index-products-center .bottom5 a:first-child {position: absolute;left: 0;top: 0;width: 33.333333%;height: 100%;}
.index-products-center .bottom5 a:first-child  .text {bottom:4.2%;}
.index-products-center .bottom5 a{position: relative;display: block;overflow: hidden;float: left;width: 50%;}
.index-products-center .bottom5 .text {position: absolute;left: 5%;bottom: 8%;width: 90%;z-index: 50;color:#fff;}
.index-products-center .bottom5 .text h4{font-size: 20px;font-weight: normal;margin:8px 0;text-transform: uppercase;opacity: .2;}
.index-products-center .bottom5 .text h3{font-size: 20px;margin: 0;}
.index-products-center .bottom5 .img {position: relative;overflow: hidden;}
.index-products-center .bottom5 a:hover .img img.img-center{transform: scale(1.1);}


.index-newscenter {padding: 100px 0 0px 0;overflow: hidden;width: 75%;margin: auto;}
.index-newscenter .title h2{font-size: 42px;text-transform: uppercase;margin: 0;color: #1a1a1a;}
.index-newscenter .title .line{width: 80px;height: 4px;background: #006633;margin: 15px 0;}
.index-newscenter .top {position: relative;margin-bottom: 20px;overflow: hidden;}
.index-newscenter .top .newsnav-r {position: absolute;right: .4%;top:20px;padding-bottom: 20px;}
.index-newscenter .top .newsnav-r::after {content: '';width: 100%;height: 2px;background: #ccc;bottom: 0;position: absolute;right: 0;}
.index-newscenter .top .newsnav-r a{font-size: 17px;color: #999999;font-weight: bold;margin-left:50px;position: relative;}
.index-newscenter .top .newsnav-r a.cur::after {content: '';width: 100%;height: 2px;background: #006633;bottom: -21px;position: absolute;right: 0;z-index: 1;}
.index-newscenter .top .newsnav-r a:first-child {margin-left: 0;}
.index-newscenter .top .newsnav-r a.cur {color: #1a1a1a;}
.index-newscenter .top .newsnav-r a:hover {color: #000;}
.index-newslist {overflow: hidden;}
.index-newslist a{display: block;overflow: hidden;float: left;width: 32.6%;background: #f7f7f7;margin-right: 1%;}
.index-newslist a .img{position: relative;overflow: hidden;}
.index-newslist a:hover .img img.img-center{transform: scale(1.1);}
.index-newslist a .text{padding: 6.2%;overflow: hidden;}
.index-newslist a .text h2{font-size: 17px;line-height: 26px; color: #1a1a1a;margin: 0px 0 13px 0;}
.index-newslist a .text h5{font-size: 14px;color: #999999;margin: 0;font-weight: normal;}
.index-newslist a:hover {background: #f0f0f0;}
.index-newslist a.mr0 {margin-right: 0;}
.index-newsmore {margin-top: 30px;clear: both;}
.viewmore-btn {font-size: 0;display: inline-block;position: relative;}
.viewmore-btn a {display: block;border: 1px solid #ccc;padding: 15px 30px;}
.viewmore-btn span{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.viewmore-btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/right2.png");background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.viewmore-btn a::before {content: '';display: block;width:5px;height: 100%;position: absolute;left: 0;top: 0;background: #006633;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.viewmore-btn a:hover::before{width: 100%;}
.viewmore-btn a:hover span {color: #fff;}
.viewmore-btn a:hover i{background: url("../images/right3.png");background-size:100% 100%;opacity: 1;}
/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;width:75%;margin: auto;}
.contact-section .content .left {width: 45%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li:last-child {width: 99%;}
.contact-section .content .left .content-way li i.c1 {background: url("../images/c1.png") center no-repeat;}
.contact-section .content .left .content-way li i.c2 {background: url("../images/c2.png") center no-repeat;}
.contact-section .content .left .content-way li i.c3 {background: url("../images/c3.png") center no-repeat;}
.contact-section .content .left .content-way li i.c4 {background: url("../images/c4.png") center no-repeat;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li span h5 a {color: #666;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: #006633;}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid #006633;opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../images/c31.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: #006633;}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;background: #f1f1f1;}
.contact-section .content .left .content-map #map {min-height: 205px;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 47%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}
.content-form li .submit1 {background: #006633;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer;}
.content-form li .submit1:hover {background: #006633;}




  .ellipsis {
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    
    .ellipsis1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .ellipsis2 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }






    .inabout-box {
        background-image: url(../images/inab_bg.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 100%;
        padding-top: 1.2rem;
        padding-bottom: 1.3rem;
    }
    
    .inabout-box .inab-t {
        position: relative;
    }
    
    .inabout-box .inab-t .b-img {
        padding-top: calc(522 / 1400 * 100%);
    }
    
    .inabout-box .inab-t .txt-bg {
        font-size: 1.42rem;
        font-weight: bold;
        color: rgba(132, 132, 132, .15);
        text-align: center;
        line-height: 1.1;
        margin-top: 1rem;
    }
    
    .inabout-box .info-div {
        position: absolute;
        top: 2.62rem;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 0 0.8rem;
    }
    
    .inabout-box .info-div .l-img {
        width: 50%;
        margin-right: -64px;
    }
    
    .inabout-box .info-div .l-img .img {
        padding-top: calc(433 / 670 * 100%);
        background-size: cover;
    }
    
    .inabout-box .info-div .r-text {
        background-image: url(../images/inab_bg1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 0.7rem 0.8rem 0.7rem 0.68rem;
        width: 50%;
        transform: translate3d(0, -0.64rem, 0);
        -webkit-transform: translate3d(0, -0.64rem, 0);
        -moz-transform: translate3d(0, -0.64rem, 0);
        -ms-transform: translate3d(0, -0.64rem, 0);
        -o-transform: translate3d(0, -0.64rem, 0);
        box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, .15);
        height: calc(100% - 27px);
    }
    
    .inabout-box .info-div .r-text .btt {
        font-size: 0.36rem;
        font-weight: bold;
        color: #ffffff;
        line-height: 1.33;
    }
    
    .inabout-box .info-div .r-text .stt {
        font-size: 22px;
        color: #095537;
        line-height: 2;
    }
    
    .inabout-box .info-div .r-text .demo {
        font-size: 14px;
        color: #ffffff;
        line-height: 1.7;
        margin-top: 20px;
        -webkit-line-clamp: 3;
    }
    
    .inabout-box .info-div .r-text .more {
        width: 130px;
        height: 35px;
        line-height: 35px;
        border-radius: 18px;
        background-color: #ffffff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        display: flex;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        color: #006633;
        position: relative;
        cursor: pointer;
        margin-top: 0.7rem;
    }
    
    .inabout-box .info-div .r-text .more .arrow {
        margin-left: 16px;
    }
    
    .inabout-box .inab-b {
        margin-top: 0.3rem;
    }
    
    .inabout-box .inab-b .title {
        font-size: 0.3rem;
        color: #006633;
        line-height: 1.5;
        position: relative;
        padding-bottom: 0.25rem;
        text-align: center;
    }
    
    .inabout-box .inab-b .title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0.5rem;
        min-width: 40px;
        height: 0.04rem;
        min-height: 2px;
        background-color: #c7c7c7;
        margin-left: -25px;
    }
    
    .inabout-box .inab-b .index_content {
        font-size: 16px;
        color: #4e4e4e;
        margin-top: 0.45rem;
    }
    
    .inabout-box .inab-b .index_content.phone {
        display: none;
    }
    
    @media only screen and (min-width:601px) {
        .inabout-box .info-div .r-text .more:hover {
            /* background-color: #006633;
        color: #ffffff; */
            transform: translateY(-5px);
        }
    }
    
    @media only screen and (max-width:1600px) {
        .inabout-box {
            padding-top: 0.9rem;
            padding-bottom: 1rem;
        }
        .inabout-box .info-div {
            top: 3rem;
        }
        .inabout-box .info-div .r-text .stt {
            font-size: 20px;
        }
    }
    
    @media only screen and (max-width:1400px) {
        .inabout-box .inab-b .title {
            font-size: 24px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .inabout-box .info-div .r-text .stt {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .inabout-box .info-div {
            flex-direction: column;
            position: relative;
            top: 0;
            margin-top: -3rem;
            max-width: 768px;
        }
        .inabout-box .info-div .r-text .btt {
            font-size: 22px;
        }
        .inabout-box .info-div>div {
            width: 100% !important;
        }
        .inabout-box .info-div .r-text {
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
        }
        .inabout-box .inab-t .txt-bg {
            margin-top: 0;
            transform: translate3d(0, -30%, 0);
            -webkit-transform: translate3d(0, -30%, 0);
            -moz-transform: translate3d(0, -30%, 0);
            -ms-transform: translate3d(0, -30%, 0);
            -o-transform: translate3d(0, -30%, 0);
        }
    }
    
    @media only screen and (max-width:768px) {
        .inabout-box .inab-t .b-img {
            display: none;
        }
        .inabout-box .info-div {
            margin-top: 0;
            padding: 0;
        }
        .inabout-box .info-div .r-text .demo {
            margin-top: 10px;
        }
        .inabout-box .inab-b .index_content.pc {
            display: none;
        }
        .inabout-box .inab-b .index_content.phone {
            display: block;
        }
    }
    
    @media only screen and (max-width:480px) {
        .inabout-box {
            padding-top: 0.5rem;
        }
        .inabout-box .inab-t .txt-bg {
            font-size: 50px;
        }
    }


    .inshebei-box {
        /* padding: 1.7rem 0 1.78rem; */
        height: 820px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .inshebei-box .title {
        text-align: center;
        margin-bottom: 0.4rem;
    }
    
    .inshebei-box .title .en {
        font-size: 0.48rem;
        color: rgba(255, 255, 255, .5);
        font-family: "Arial Black";
    }
    
    .inshebei-box .title .cn {
        font-size: 0.36rem;
        color: #ffffff;
    }
    
    .inshebei-box .sb-desc {
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 0.45rem;
    }
    
    .inshebei-box .sb-ul {
        /* display: flex; */
        position: relative;
    }
    
    .inshebei-box .sb-ul .sbdiv {
        max-width: 1680px;
    }
    
    .inshebei-box .sb-ul .sb-ul-swiper {
        max-width: 1400px;
    }
    
    .inshebei-box .sb-ul .sb-ul-pagination {
        text-align: center;
        margin-top: 0.5rem;
        margin-bottom: 0.34rem;
    }
    
    .inshebei-box .sb-ul .sb-ul-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        background-color: #ffffff;
        opacity: 1;
        margin: 0 6px;
        display: inline-block;
    }
    
    .inshebei-box .sb-ul .sb-ul-pagination .swiper-pagination-bullet-active {
        background-color: #006633;
        width: 57px;
    }
    
    .inshebei-box .sb-ul .morebtn {
        display: block;
        width: 180px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        -o-border-radius: 25px;
        background-color: #006633;
        font-size: 16px;
        color: #ffffff;
        margin: 0 auto;
    }
    
    .inshebei-box .sb-ul .sbdiv .sb-ul-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        width: 138px;
        height: 90px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
        outline: none;
    }
    
    .inshebei-box .sb-ul .sbdiv .sb-ul-btn.sb-ul-prev {
        background-image: url(../images/icon_left.png);
        left: 0;
    }
    
    .inshebei-box .sb-ul .sbdiv .sb-ul-btn.sb-ul-next {
        background-image: url(../images/icon_right.png);
        right: 0;
    }
    
    .inshebei-box .sb-ul .item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding: 0 0.45rem;
        /* width: calc(100% / 4); */
    }
    
    .inshebei-box .sb-ul .swiper-slide .item::before {
        content: '';
        position: absolute;
        top: 5%;
        left: 0;
        width: 1px;
        height: 90%;
        background-color: rgba(255, 255, 255, .5);
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }
    
    .inshebei-box .sb-ul .swiper-slide:nth-child(1) .item::before {
        display: none;
    }
    
    .inshebei-box .sb-ul .item .img {
        height: 0.69rem;
    }
    
    .inshebei-box .sb-ul .item .img img {
        height: 100%;
    }
    
    .inshebei-box .sb-ul .item .tt {
        font-size: 15px;
        color: #ffffff;
        line-height: 2;
    }
    
    .inshebei-box .sb-ul .item .dd {
        font-size: 20px;
        color: #00c97c;
        font-weight: bold;
        line-height: 1.6;
        margin-top: 10px;
        margin-bottom: 16px;
        text-align: center;
        width: 100%;
    }
    
    .inshebei-box .sb-ul .item .desc {
        font-size: 14px;
        color: #ffffff;
        line-height: 1.5;
        width: 100%;
    }
    
    @media only screen and (max-width:1400px) {
        .inshebei-box .sb-ul .item .dd {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .inshebei-box .title .en {
            font-size: 28px;
        }
        .inshebei-box .sb-ul .item {
            padding: 0 0.3rem;
        }
        .inshebei-box {
            padding: 1.7rem 0 1.78rem;
            height: auto;
            display: block;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .inshebei-box .title .cn {
            font-size: 22px;
        }
        .inshebei-box .sb-ul {
            flex-direction: column;
            text-align: center;
        }
        .inshebei-box .sb-ul .item {
            padding: 0.8rem 10%;
            max-width: 600px;
            margin: 0 auto;
            width: 100%;
        }
        .inshebei-box .title {
            margin-bottom: 0.5rem;
        }
        .inshebei-box .sb-ul .item::before {
            height: 1px;
            width: 30%;
            top: 0;
            left: 50%;
            transform: translate3d(-50%, 0, 0);
            -webkit-transform: translate3d(-50%, 0, 0);
            -moz-transform: translate3d(-50%, 0, 0);
            -ms-transform: translate3d(-50%, 0, 0);
            -o-transform: translate3d(-50%, 0, 0);
        }
    }
    
    @media only screen and (max-width:414px) {
        .inshebei-box .sb-ul .item .dd {
            margin-top: 0px;
            margin-bottom: 8px;
        }
        .inshebei-box .sb-ul .item {
            padding: 0.6rem 4%;
        }
        .inshebei-box {
            padding: 1rem 0;
        }
        .inshebei-box .title {
            margin-bottom: 0.1rem;
        }
        .inshebei-box .sb-desc {
            font-size: 14px;
        }
        .inshebei-box .sb-ul .swiper-slide .item::before {
            display: none;
        }
        .inshebei-box .sb-ul .item .img {
            height: 48px;
        }
    }

 


/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;}
.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("../images/logo.png") left center no-repeat;background-size: 100%;}


.mnav.scroll-down .menu-toggle span.hamburger,
.mnav.scroll-down .menu-toggle span.hamburger:after,
.mnav.scroll-down .menu-toggle span.hamburger:before,
.mnav.scroll-down .menu-toggle span.cross:before,
.mnav.scroll-down .menu-toggle span.cross:after,
.mnav.scroll-top .menu-toggle span.hamburger,
.mnav.scroll-top .menu-toggle span.hamburger:after,
.mnav.scroll-top .menu-toggle span.hamburger:before,
.mnav.scroll-top .menu-toggle span.cross:before,
.mnav.scroll-top .menu-toggle span.cross:after
{background:#000;}

.nav-container {padding-top: 90px;}

.mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 104px;height:20px;margin-top: -10px; background: url("../images/logo.png") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.mlanguage {padding:10% 0;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 
.mlanguage a:hover {opacity: 1;}

.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;font-weight: bold;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:17px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover,.twonav.curr{color:#006633;}
.cd-nav li a.twonav {background: url(../images/right3.png) right center no-repeat;background-size: 3%;}
.no-touch .mheader{background-color: #1a1a1a;}
 
.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
 
.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.msearch {margin: 20px auto;width: 72%;}
.msearch .icon{position: relative;}
.msearch .minput{border: none;border-bottom: 1px solid #313131;background: none; width: 100%;height: 30px;font-size: 12px;outline: none;color: #fff;}
.msearch .msubmit{display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../images/ss1.png") center no-repeat;background-size: 100% ;opacity: .3;}
.minput::-moz-input-placeholder,.minput::-ms-input-placeholder,.minput::-webkit-input-placeholder {color:#333;}
input.minput[type="text"]::-webkit-input-placeholder {color:#333;}


.mchildren {display:none;width:90%;border-bottom: 1px solid #313131; margin:0px auto;padding:10px 0;position: relative;}
.mchildren a{border-bottom:none;position: relative; display: block;width:90%;font-size:15px; color:#ccc;padding:0.8em 0;}
.mchildren a:hover{background:none; color:#006633;}
.mchildren a.threenav {background: url(../images/right3.png) right center no-repeat;background-size:2%;}


.shownav-c {position: relative;width: 100%;height: 0px;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.shownav-c.cur {height: auto;}
.shownav-c  ul {list-style: none;margin:auto;padding: 0;display:block;width: 90%;height: 100%;}
.shownav-c  ul li{list-style: none;margin: 0;padding: 0;display:block;;width:100%;}
.shownav-c  ul li a {font-weight: bold;border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: left; font-size:14px; color:#999;padding:4% 0; margin:0px auto;text-transform:uppercase;}
.closenav {display: block;font-size: 14px;color: #fff;position: absolute;left:5%;top: 10%;background: url("../images/left4.png") left center no-repeat;padding-left: 30px;}
.closenav:hover {color: #fff;}

.shownav-d {padding:10px;width:90%;margin:auto;border-bottom:#313131 1px solid;display: none;}
.shownav-d.cur {display: block;}
.shownav-d a{display: block;color: #999!important;padding:4% 5%!important;font-size:14px!important;width:90%!important;border: none!important;}
.shownav-d a::after {display: none!important;}

.cd-nav li ul div ul li a:last-child {border: none;}
.interesting-list a .text h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}





@media screen and (max-width: 5120px) {
	.index-about .about-item .content {height: auto;position: relative;}
	.index-about .about-item .left {position: absolute;}
	.index-about .about-item .left::after {right: 1px;}
	.index-about .about-item .left .title h2 {font-size: 54px;}
	.screen-banner-swiper .screen-banner-slide .img {text-align: center;font-size: 0;}
	.screen-banner-swiper .screen-banner-slide .img img {display: inline-block;}
	.our-project-swiper-3 .img {background-color: #000;}
	.development-history .img img{width: 100%;}
	.development-history .top .title-style {margin: 300px auto auto;}
	.banner-slide .img img {width: 100%;height: auto;}
	.index-products-center .bottom3 a .img img.img-center,.index-interesting-list a .img img.img-center,.screen-banner-swiper .screen-banner-slide .img img,.our-project-swiper-3 .img .img-center,.interesting-video-list .item .img img.img-center,.interesting-list a .img img.img-center,.video-list a .img img.img-center,.download-list a .img img.img-center {width: 100%!important;height: auto;}
	.page-banner .img {background-size: 100%;}
	.contact-bottom .left .map iframe {width: 100%;}
	.contact-section .content .left .content-map iframe {width: 100%;}
	.swiper-history .swiper-history-time .year-num {padding-top: 260px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: 40px;}	
	.img-center { width:100%!important;height:100%!important;}
	.product-range-list .item a .img img.img-center,.advantage-yuanquan .advantage-yuanquan-pic .advantage-yuanquan-swiper .img img,.serving-customers .img img,.amc-item4 .item .img img,.screen-7 .swiper-big-img1 .img img,.icontxt4 li i img{ width:auto!important;height:auto!important;}
}
@media screen and (max-width: 3840px) {
	.swiper-history .swiper-history-time .year-num {padding-top: 260px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: 40px;}		
}
@media screen and (max-width: 2560px) {
	.swiper-history .swiper-history-time .year-num {padding-top: 150px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -73px;}	
}
@media screen and (max-width: 2048px) {
	.swiper-history .swiper-history-time .year-num {padding-top: 140px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -83px;}	
}
@media screen and (max-width: 1920px) {
	.img-center { width:auto!important;height:auto!important;}
	.index-about .about-item .left::after {right: 0;}
	.index-about .about-item .left .title h2 {font-size: 30px;}
	.screen-banner-swiper .screen-banner-slide .img img {display:block;}
	.development-history .top .title-style {margin: 150px auto auto;}
	.banner-slide .img img,.index-products-center .bottom3 a .img img.img-center,.index-interesting-list a .img img.img-center,.screen-banner-swiper .screen-banner-slide .img img,.our-project-swiper-3 .img .img-center,.interesting-video-list .item .img img.img-center,.interesting-list a .img img.img-center,.video-list a .img img.img-center,.download-list a .img img.img-center {width:auto!important;}
	.page-banner .img {background-size:auto;}
	.contact-bottom .left .map iframe {width: 900px;}
	.contact-section .content .left .content-map iframe {width: 660px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 210px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}	
	.index-newslist a .text {min-height: 80px;}
}
@media screen and (max-width: 1800px) {
	.upper {left: 10%;width: 80%;}
	.index-scroll {left: -10px;}
	.screen-1-3 .right img {height: auto;}
	.detail-template .product-left .img img.hauto {height: auto;}
	.detail-template .datepic video{display: block;width: 100%;margin: auto;}
}
@media screen and (max-width: 1680px) {
	input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"],input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input::-moz-input-placeholder,textarea::-moz-input-placeholder,input::-ms-input-placeholder,textarea::-ms-input-placeholder {font-size:12px;}
	.contact-section .content,.product-range-list {width: 80%;}
	.banner-slide .txt {left: 5%;}
	.index-products-center .bottom3 a .text h2 {width: 80%;margin: auto;}
	.index-about .about-item,.about-global .top {left: 10%;width: 80%;}
	.index-about .about-item .content {height: auto;position: relative;}
	.index-about .about-item .left {padding: 5% 3% 3.65% 5%;}
	.index-about .about-item .left .text,.index-about .title-style h6,.index-interesting .title h6,.contact-section .title-style .text  {font-size: 14px;line-height: 24px;}
	.banner-slide .txt h4 {font-size: 16px;}
	.header-nav-show .content,.footer .content {width: 80%;}
	.item-nav .cnav li a h4 {font-size: 14px;}
	.swiper-history .swiper-history-time .text {font-size: 16px;line-height: 26px;}
	.item-nav .left .text,.index-about .about-item .right .item li h6 {font-size: 12px;line-height: 22px;}
	.item-nav .left .btn span,.index-products-center .bottom3 a .text h6 span,.index-about .about-item .left .play span,.index-interesting-list a .text h4 span,.banner-btn a span,.product-range-list .item-2 .text h6 {font-size: 12px;}
	.Contact-our-team .right {width: 51%;}
	.development-history .top .title-style {width: 30%; margin: 100px auto auto;}
	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 200px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 175px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}
	.swiper-history .swiper-history-time .swiper-button-prev {left: 18%;}
	.swiper-history .swiper-history-time .swiper-button-next {right: 18%;}
	.index-about .title-style {padding: 0px 0 10px 0;}
	.swiper-history .swiper-history-time {background: url(../images/line.png) center no-repeat;background-size: 100%;}
	.about-ours .left {width: 45%;}
	.evcharger-advantage .item3 .text {width: 74%;}
	.evcharger-advantage .item4 a:hover .text h6 { height: 140px;}
	.screen-1-6 .main {left:8%;}
	.screen-1-6 .rightpic .item4 a.item41 {margin: 35px 3% 35px 0;}	
	.screen-1-6 .rightpic .item4 a {margin: 35px -6% 35px 0;}
	.screen-1-6 .rightpic .item4 a.item44 {margin: 35px 5% 35px 0;}
	.screen-3-4 .main {left:10%;}
	.screen-2-4 .img .productimg {right: 5%;}
	.screen-1-5 .dunimg {right:10%;}
	.item-nav .left{width: 30%;}
	.item-nav .right-nav ul.two {position: absolute;top: 0; left: 300px;}
	.item-nav .right-nav ul.three {position: absolute;top: 0;left: 300px;}
	.item-nav .right-nav ul li{list-style: none;width: 220px;padding-right:40px;}
	.screen-3-1 .img .productimg {bottom:-8%;right:-5%;}
	.screen-1-1 .img .productimg {width: 50%;height: 80%;bottom: -1%;right: -5%;}
	.detail-template .title h2 {font-size:50px;}
	.detail-template .center .text.text18 {font-size: 14px;line-height: 24px;width: 80%;margin: auto;}
	.detail-template .left .text.text18 {font-size: 14px;line-height: 24px;width: 80%;margin: 0;}
	.icontxt5 li span,.detail-template .text,.datetxt3 li span,.icontxt2 li span {font-size: 14px;}
	.detail-template .img .product-right-pic1 {height: 80%;right: 5%;}
	.detail-template .picmain {margin-top: 30px;}
	.detail-template .img .right-img2 {top: 15%;right: 5%;}
	.detail-template .img .right-img1 {top: 13%;}
	.detail-template .product-left .img img {height: 600px;}
	.detail-template .table-right {width: 38%; top: 10%;right: 10%;}
	.detail-template .img .product-right-img1 {width: 650px;height: 70%;bottom: 10%;}
	.product-detail {padding-top: 70px;}
	.system-advantages-content-main {margin: 0px auto auto;}
	.system-advantages-content .title {top: 100px;}
	.amc-item8 .item .text h5,.amc-item4 .item .text h5,.amc-item2 .item .text h5,.evcharger-solution-banner .item4 a h6 {font-size: 14px;}
	.evcharger-solution-banner .item4 a {padding: 1% 3% 3% 3%;}
	.evcharger-solution-banner {padding-bottom: 240px;margin-bottom: 50px;}
	.detail-template .center .title.mtop13 {margin-top: 5%;}
	.textimg-swiper-nav a span {font-size: 14px;}
	.global-product-certification-iconbtn {background: url(../images/bg.png) center top no-repeat;background-size:100%;padding:50px 0 50px 0;}
	.textimg-swiper-pic .pic img {height: 500px;}
	.textimg-swiper-pic.h100 .pic img {height:auto;max-height: 350px;}
	.scrollh {height: 500px;margin-top:20px;}
	.parameter-li li {padding: 15px 0;}
	.detail-template .right {width: 600px;}
	.detail-template .img .b-15,.detail-template .img .b0 {width: 50%;}
	.detail-template .img .product-right-pic1.b-13{bottom: -1%;}
	.detail-template .img .product-right-pic2.b-26 {width: 40%;}
	.detail-template .left .text.w80 {width: 80%;}
	@keyframes topdown2{0% { top:0;} 50%{ top:2%; }100%{ top:0; }}
	@keyframes topdown{0% { top:10%;} 50%{ top:12%; }100%{ top:10%; }}
}
@media screen and (max-width: 1440px) {
	.header-nav-show {top: 83px;}
	.contact-section .content .left {width: 55%;}
	.contact-section .content .right {width: 40%;}
	.content-form li .submit1 {width: 100%;}
	.screen-banner-swiper .screen-banner-slide .text h1 {font-size:50px;line-height:54px;}
	.screen-banner-swiper .screen-banner-slide .text h4,.evcharger-our-project .top .right .text,.interesting-video-list .item .text h3,.index-about .title-style h6 ,.about-global .top .left .text,.video-list a .text h3,.video-list-bottom a .text h3,.swiper-history .swiper-history-time .text{font-size: 14px;line-height: 24px;}
	.banner-slide .txt h1 {font-size:40px;}
	.banner-slide .txt h4 {font-size: 14px;line-height: 24px;}
	.index-about .about-item {left: 5%;width: 90%;}
	.index-about .about-item .left {padding: 5% 3% 4% 5%;position: absolute;}
	.about-item .title-style h2 {font-size: 40px;line-height:50px;}
	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 150px;}
	.development-history .top .title-style {margin: 80px auto auto;}
	.swiper-history .swiper-history-time .year-num { padding-top: 155px;font-size:30px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -28px;}
	.about-global .top {left: 10%;width:80%;}
	.about-global .top .left {width: 50%;}
	.title-style h2 {font-size: 40px;line-height: 50px;}
	.header-nav-show .content {width: 90%;}
	.content {width: 80%;}
	.item-nav .cnav li {padding: 0px 0 15px 0;}
	.item-nav .cnav li a {padding-bottom: 15px;}
	.item-nav .cnav li a h4 {font-size: 14px}
	.interesting-list a .text h3 {font-size: 16px;line-height: 24px;}
	.page-banner .text {left: 10%;}
	.product-range-list .item-2 .text h3 {font-size: 24px;}
	.product-range {padding: 100px 0 70px 0;}
	.swiper-banner-pagination {bottom: 35px;}
	.screen-banner-swiper .screen-banner-slide .text.center {top: -100px;}
	.index-interesting,.interesting-video,.evcharger-our-project .top {width: 80%;}
	.index-about .about-item .right .item li h2 strong {font-size: 50px;}
	.index-about .about-item .content {width: 90%;}
	.index-about .about-item .left .text {font-size: 12px;line-height: 22px;}
	.index-products-center .bottom3 a .text h6 {display: none;}
	.index-products-center .bottom3 a:hover .text h6 {display: inline-block;}
	input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {font-size:12px;}
	.about-ours .left .text .item {font-size: 12px;line-height: 20px;padding-bottom: 10px;margin-top:10px;}
	.about-ours .left .text .item h3,.core-competence .absolute .item3 .item h3 {font-size: 16px;line-height: 20px;}
	.about-date .left .item h4,.about-date .right .item h4 span,.about-date .left .item h3,.about-swiper-pic .swiper-slide .text .itemlist .item h6{font-size: 12px;line-height: 20px;}
	.about-date .left .item h2 strong {font-size: 60px;}
	.about-date .right .item h4 strong,.core-competence .absolute .item3 .item h5 {font-size: 14px;}
	.core-competence .absolute {width: 100%;left:0;}
	.company-culture .absolute .img img {max-width:80%;}
	.company-culture .absolute .title-style {margin-top: 70px;}
	.company-culture .absolute .img {margin-top:30px;}
	.banner-slide .txt h2 {font-size:40px;line-height:50px;padding: 10px 0 15px 0;}
	.banner-slide .txt h3 {font-size: 14px;padding: 15px 0;}
	.banner-slide .txt {margin-top: -100px;}
	.index-newslist a .text {min-height: 110px;}
	.index-newscenter {width: 80%;}
	.about-sinexcel .text .title-style h2 {font-size: 40px;line-height: 56px;}
	.about-ours .left {width: 50%;margin-left: 0;}
	.about-company-qualification .main {right: 10%;}
	.contact-bottom .right .name h2 {font-size: 30px;}
	.contact-bottom .right .content-way li span,.screen-banner-bottom-nav {width: 80%;}
	.contact-bottom .right .content-way .item2 li span {width: 70%;}
	.investors-relations .main .title-style .line {margin: 15px auto;}
	.investors-relations .main .title-style h4 {font-size:50px;}
	.announcement-list li a h3 {font-size: 16px;line-height: 22px}
	.core-competence .absolute .item3 .item {width: 26%;}
	.company-culture .absolute .item .text1 h6 {font-size: 14px;line-height: 22px;}
	.company-culture .absolute .img {height: 500px;}
	.company-culture .absolute .item.item2 .text1 {top: 25%;}
	.company-culture .absolute .item.item1 {top: 5%;margin: -20px -550px 0 0;}
	.company-culture .absolute .item.item2 {top: 24%;}
	.company-culture .absolute .item.item3 {bottom: 0%;}
	.company-culture .absolute .item.item3 .text1 {top: 15%;}
	.company-culture .slogoimg {margin: -80px 0 0 -140px}
	.service-faq .left .title {padding-right: 0;}
	.screen-banner-swiper .screen-banner-slide .title h3 {font-size: 40px;}
	.screen-banner-swiper .screen-banner-slide .line { margin:20px auto;}
	.screen-banner-swiper .swiper-pagination {bottom: 12%;}
	.product-range-list .item .text h3 {font-size:20px;}
	.evcharger-solution-nav a {padding: 0 35px;}
	.evcharger-solution-banner .item4 {width: 83%;left: 8.5%;}
	.evcharger-solution-banner .item4 a h6 {font-size: 14px;}
	.evcharger-solution-banner .text h5 {font-size: 14px;line-height: 24px;}
	.evcharger-advantage .item3 .text {font-size: 13px;}
	.screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main,.screen-2-2 .main, .screen-2-4 .main, .screen-2-6 .main,.screen-3-1 .main, .screen-3-4 .main, .screen-3-5 .main, .screen-3-6 .main, .screen-3-8 .main,.screen-4-2 .main, .screen-4-6 .main {left: 10%;}
	.screen .title h2 {font-size: 50px;}
	.screen-1-1 .text {font-size: 16px;line-height:28px;}
	.screen-1-2 .main .picain {padding: 50px 0;margin-top: 30px;}
	.screen-1-3 .left .item3 a h3 {margin: 0px 0;font-size: 20px;}
	.screen-1-3 .left {width: 31%;padding: 0 9% 0 10%;}
	.screen .text {font-size: 14px;line-height: 24px;}
	.screen .title h4 {font-size: 40px;}
	.screen-1-6 .rightpic {width: 65%;}
	.screen-1-6 .rightpic .item4 {z-index: 10;}
	.screen-1-6 .rightpic .item4 .pic {position: relative;}
	.rightpic .table .table-cell img{position: absolute;top: 0;left: 0;}
	.screen-1-6 .rightpic .item4 a { margin: 15px 7% 15px 0;}
	.screen-1-6 .rightpic .item4 a.item42,.screen-1-6 .rightpic .item4 a.item43 {margin: 15px -60px 15px 0;}	
	.screen-1-6 .title {margin-top: -20px;}
	.screen-1-7 .item3 a {width: 300px;height: 300px;background: url(../images/s-t-7-1.png) center no-repeat;background-size: 100%;}
	.screen-1-7 .item3 a:hover {background: url(../images/s-t-7-2.png) center no-repeat;background-size: 100%;}
	.screen-7 .left {margin-top: 100px;}
	.swiper-tab-title {bottom: 3%;}
	.screen-3-1 .main .text,.screen-3-5 .main .text,.screen-3-8 .main .text {width: 80%;}
	.screen-3-4 .main .text {width: 80%;}
	.screen-3-7 .main .text img,.screen-4-5 .main .text img {width: 70%;}
	.screen-4-1 .main,.screen-4-3 .main {right: 1%;}
	.date3 li span,.about-ours .left .text,.about-ours .left .text .item3 li span,.about-company-qualification .main .text {font-size: 14px;}
	.date3 li h4 {font-size: 20px;}
	.screen-7 .swiper-right .swiper-text .item .title-1 h3 {font-size: 30px;}
	.screen-2-1 .img .productimg {width: 50%;height: auto; bottom: -5%;left: 50%;margin-left: -25%;}
	.screen-2-2 .img .productimg {width: 35%;top: 20%;margin-top: 0px;right:5%;}
	.screen-2-4 .img .productimg {width: 40%;height:auto;}
	.screen-3-1 .img .productimg {width: 50%;height:auto;bottom:-5%;}
	.screen-3-4 .img .productimg {width: 45%; bottom: 5%;right: 5%;}
	.screen-3-5 .img .productimg {width: 50%;}
	.screen-1-4 .text-left {width: 300px;font-size: 14px;line-height: 24px;left: 5%;}
	.screen-1-4 .text-right {width: 300px;font-size: 14px;line-height: 24px;right: 5%;}
	.pic-animation {height: 500px;margin: -250px 0 0 -450px;}
	.screen-2-5 .productpic {margin:0 auto;transform: scale(0.9);}
	.jingdutiao8 {right: 5%;}
	.screen-3-3 .chedonghua .chepicb1 .chpicl {width: 300px;height: 200px;top: 13%;text-align: center;}
	.screen-3-3 .chedonghua .chepicb1 .chpicl .chec1{width:auto;height: 140px;left:2%;top:50%;margin-top: -70px;}
	.screen-3-3 .chedonghua .chepicb1 .chpicl .chec2{width: 200px;height: 200px;left:10%;top:50%;margin: -100px 0 0 0px;}
	.product-range-list .item .img img.img-center{transform: scale(0.9);}
	.product-range-list .item a .img img.img-center {transform: scale(.8);}
	.product-range-list .item a:hover .img img.img-center {transform: scale(.9);}
	.screen-1-3 .left .item3 a .progress {margin-top: 10px;}
	.item-av6 h5 {font-size: 13px;line-height: 23px;}
	.detail-template .title h2,.detail-template .title h3 {font-size: 40px;}
	.detail-template .left {left: 10%;}
	.detail-template .img .right-ycenter {width: 700px;height: 100%;right:5%;}
	.detail-template .picmain img{height: 300px;}
	.detail-template .table-right {width: 40%;top: 10%;right: 10%;}
	.table-parameter-nav a {width: 31%;}
	.parameter-li li {padding: 10px 0;}
	.detail-template .product-left .img img {height: 550px;}
	.product-range-list .item .text h5,.amc-item8 .item .text h5, .amc-item4 .item .text h5, .amc-item2 .item .text h5, .evcharger-solution-banner .item4 a h6,.es-yuanquan-text a h5 {font-size: 13px;line-height: 23px;}
	.system-advantages-content-main {width: 80%;}
	.system-advantages-content-main .sapic1 {width: 100%;height: 100%;margin: auto;}
	.system-advantages-content-main .sapic1 img {display: block;width: auto; height: 100%;margin: auto;}
	.system-advantages-content-main .sapic2 {width: 400px;top: 23%;margin-left: -200px;}
	.system-advantages-content-main .sacm-content .item.item2 {left: 800px;}
	.system-advantages-content-main .sacm-content .item.item3,.system-advantages-content-main .sacm-content .item.item4 {top: 500px;}
	.gpc-content-main {margin-top: 30px;background: url(../images/advantage2.png) center top no-repeat;background-size: 100%;padding: 50px 0 50px 0;min-height: 300px;}
	.gpc-content-btn a {margin: 5px;}
	.application-mode-content {width: 80%;}
	.evcharger-advantage .item3 a .main {padding-top: 55%;}
	.evcharger-our-project {padding: 100px 0 0px 0;}
	.detail-template .pimg1 {margin-top: 30px;}
	.textimg-swiper-pic {margin-top: 30px; height: 330px;}
	.textimg-swiper-nav a span {line-height: 23px;}
	.textimg-swiper-nav a {height: 75px;}
	.global-product-certification-iconbtn .content-btn {padding-top:20px;width: 890px;}
	.global-product-certification-iconbtn .content-btn a {margin: 5px;}
	.detail-template .table-right {top: 10%;right: 5%;}
	.scrollh { height: 450px;margin-top: 20px;}
	.textimg-swiper-pic .pic img {height: 440px;}
	.detail-template .img img.h600px{height: 600px;}
	.fcs10-main-top {width: 100%;margin-top: -50px;}
	.fcs10-main-bottom {width: 80%;left:10%;bottom: 5%;margin-left: 0px;}
	.fcs10-main-bottom li {padding: 10px 0;}
	.fcs10-main-bottom li h5 {font-size: 12px;}
	.fcs10-main-top .fcsitem3 .item h6 {font-size: 12px;}
	.detail-template .product-left .img img {height: auto;}
	.detail-template .img .right-img2 {top: 15%;width: 700px;}
	.textimg-swiper-pic.h100 .pic img {height:auto;max-height: 300px;}
	.textimg-swiper-pic .pic.pt0  img {height:auto;max-height: 440px;}
	.textimg-swiper-nav.h45px a {min-width: 10%;}
	.table-parameter {padding-top: 0px;}
	.detail-template .product-left .img img {height: 550px;}
	.biaoti1.pb10 {padding-bottom: 10px;}
	.detail-template .right {right: 5%;}
	.screen-2-3 .main .chemain .cheitem5 li {margin: 0;}
	.screen-2-3 .main .chemain .cheitem5 {top: 30%;}
	.date3 li h3 {font-size: 30px;}
	.date3 li h6 {font-size: 14px;}
	.detail-template .pimg1 img.h300px{height: 300px;}
	.detail-template .img .right-ycenter img.h400px{height: 400px;}
	.textimg-swiper-pic .pic img.w40px{width: 35%;vertical-align: top;}
	.detail-template .left .title.mtop13 {margin-top: 0px;}
	.investors-date .right li {width: 23%;}
	.investors-date .right li h3 strong {font-size: 24px;}
	.investors-date .left .ld2 .txt1 {font-size: 50px;}
	.screen-2-2 .date3 li span{ font-size: 30px;}
	.screen-2-2 .date3 li h3 i {font-size: 24px;}
}
@media screen and (max-width: 1366px) {
	.contact-section .content .left .content-way li span h5 {font-size: 12px;}
	.header .content .right .search {width: 100px;}
	.header .content .center .nav li a {font-size: 14px;padding: 0 20px;}
	.product-range-list,.interesting-video,.evcharger-our-project .top {width: 85%;}
	.screen-banner-swiper .screen-banner-slide .text {left: 7%;}
	.contact-section .title-style .text {width: 70%;}
	.index-products-center .top {width: 100%;}
	.index-about .about-item .left .title h2,.index-about .about-item .right .item li h2 strong {font-size:40px;}
	.index-about .about-item .right .item li h6,.index-about .about-item .left .text,.swiper-history .swiper-history-time .text {font-size:12px;line-height:22px;}
	.index-about .about-item .left {padding: 3.5% 3% 3% 5%;}
	.index-interesting {width: 90%;}
	.index-about .about-item .right {width: 45%;}
	.index-about .about-item .left {width: 47%;height: 90%;}
	.item-nav .left.w50 .img {width: 50%;}
	.content-form li .submit1 {width: 100%;}
	.index-about .about-item .content {width: 100%;}
	.swiper-history .swiper-history-time .year-num { padding-top: 155px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -27px;}
	.about-ours .absolute,.about-date .absolute,.about-global .top {width: 90%;left: 5%;}
	.about-ours .right .slogo {top:20%;}
	.title-style h2 {line-height: 40px;}
	.about-swiper-pic .swiper-slide .text {margin-top:20px;}
	.header .content .left {width: 25%;}
	.item-nav .right-nav ul li a h4,.item-nav .right-nav ul li ul li a h5,.index-products-center .top .text,.index-newslist a .text h2 {font-size: 14px;}
	.index-about .about-item .left .title h2 {font-size: 30px;}
	.index-newslist a .text {min-height: 85px;}
	.about-company-qualification .main {right: 5%;}
	.core-competence .absolute .item3 .item {width: 30%;}
	.company-honor .title-style {margin-left: 10%;}
	.swiper-r {right: 10%;}
	.lbtip  {left: 10%;}
	.investors-date .left .ld2 .txt1 {font-size: 60px;}
	.investors-date .right li h3 strong {font-size: 20px;}
	.investors-date .left,.service-support .right .item3 .title {width: 40%;}
	.investors-date .right,.service-support .right .text {width: 60%;}
	.announcement-list li a h3,.interesting-list a .text h3,.service-support .right .text,.faq-list .title h3,.faq-list ul,.youchong-content .text .title h5,.youchong-content .text .txt li h5,.icon4 li span {font-size: 14px;}
	.page-banner .text h2 {font-size: 30px;}
	.page-banner .text h3 {font-size: 40px;}
	.service-faq .left .leftnav a {font-size: 16px;}
	.product-range-list .item .img img {max-height: 80%;}
	.evcharger-solution-banner .item4 {width: 90%;left: 5%;}
	.evcharger-solution-banner .item4 a h6,.evcharger-advantage .item4 a .text h6 {font-size: 12px;}
	.evcharger-advantage .item3 .text {width: 80%;}
	.screen-2-1 .main .text {margin-bottom: 120px;}
	.screen-2-5 .main .text img {width: 70%;}
	.screen-7 .swiper-right .swiper-text .item .title-1 h3 {font-size: 24px;}
	.item-nav .right-nav {width:66%;margin-left: 3%;}
	.item-nav .right-nav ul.two {position: absolute;top: 0; left: 280px;}
	.item-nav .right-nav ul.three {position: absolute;top: 0;left: 280px;}
	.item-nav .right-nav ul li{list-style: none;width: 200px;padding-right:40px;}
	.screen-2-1 .img .productimg {bottom: -10%;}
	.screen-2-6 .img .productimg {right: 5%;}
	.screen-3-3 .chedonghua .chepicb1 .chpicl {top: 9%;}
	.item-av6 h5,.product-range-list .item .text h5 {font-size: 12px;line-height: 22px;}
	.detail-template .left {left: 5%;}
	.icontxt2 li {margin: 30px 0 0 0;}
	.table-parameter-nav a {height:35px;line-height:35px;}
	.application-mode-content {width: 86%;}
	.evcharger-solution-banner .item4 a h2 {font-size: 60px;}
	.system-advantages-content-main .sacm-content .item.item1 {left: 50px;}
	.system-advantages-content-main .sacm-content .item.item4 {left: -20px;}
	.gpc-content-main {padding:30px 0 50px 0;}
	.detail-template .pimg1 img{height: 300px;}
	.textimg-swiper-nav {bottom: 5%;}
	.scrollh {height: 400px;margin-top: 10px;}
	.textimg-swiper-pic.h100 .pic img {max-height: 240px;}
	.detail-template .img .right-img2 {width: 600px;}
	.fcs10-main-top .fcsitem3 .item.item2,.fcs10-main-top .fcsitem3 .item.item3 {top: 200px;}
	.screen-2-3 .main .chemain .cheitem5 li i img {transform: scale(0.9);}
	.other-email {font-size: 12px!important;padding-left:3%!important;}
}
@media screen and (max-width: 1280px) {
	.contact-section .content,.index-newscenter,.header-nav-show .content, .footer .content,.screen-banner-bottom-nav {width: 90%;}
	.header .content .center .nav li a {line-height: 75px;}
	.header .content .right {padding-top: 25px;}
	.header .content .right .language .icon {font-size: 12px;line-height: 18px;}
	.index-products-center .top .text,.interesting-detail-text,.evcharger-data .item li h5 {font-size: 14px;line-height: 24px;}
	.header-nav-show .content .nav-content {padding: 3% 0;}
	.header .content .left {height: 75px;}
	.header-nav-show {top:76px;}
	.header-height {height: 75px;}
	.product-top-nav {top:75px;}
	.banner-slide .txt h4,.our-project-swiper-3 .text h6,.page-banner .text h6,.interesting-video-list .item .text h5,.download-list a .text h5 span,.download-list-bottom a .text h5 span {font-size: 12px;line-height: 22px;}
	.download-list-bottom a .text h3   {font-size: 16px}
	.Contact-our-team {padding: 100px 0 ;}
	.contact-bottom .right .name h2 {font-size: 40px;}
	.contact-bottom .right {width: 40%;right: 5%;}
	.content {width: 90%;}
	.page-banner .text {left: 5%;}
	.screen-banner-swiper .screen-banner-slide .btn-2 {margin-top:30px;}
	.interesting-video {padding: 100px 0 40px 0;}
	.index-products-center .bottom3 a .text h6 {height: 40px;line-height: 40px;}
	.index-products-center .bottom3 a:hover .text h6 {height: 40px;line-height: 40px;}
	.contact-bottom .left .map iframe {width: 100%;}
	.product-detail .header-height {height: 115px;}
	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:130px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 140px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}
	.about-ours .left {width: 55%;}
	.contact-bottom .right .name h2,.evcharger-advantage .title h3,.youchong-content .text .title h3  {font-size: 30px;}
	.product-range-list, .interesting-video, .evcharger-our-project .top {width: 90%;}
	.screen-banner-swiper .swiper-pagination {bottom: 15%;}
	.evcharger-advantage .item3 .text {width: 90%;}
	.youchong-content .text .title .line {margin: 15px 0;}
	.youchong-content .text .btn {margin-top: 20px;}
	.screen-1-2 .main .picain {margin-top: 0px;background: url(../images/s-t-2.png) center no-repeat;background-size: 100%;}
	.screen-1-2 .main .picain img {width: 30%;}
	.screen .title .line {margin: 15px 0;}
	.screen-1-4 .main {background-size: 70%!important;}
	.screen-1-6 .rightpic .item4 a.item41,.screen-1-6 .rightpic .item4 a.item44 {margin: 5px -30px 5px 0;}
	.screen-1-6 .rightpic .item4 a.item42, .screen-1-6 .rightpic .item4 a.item43 {margin: 5px -100px 5px 0;}
	.screen-4-1 .main, .screen-4-3 .main {width: 700px;}
	.screen-3-3 .chedonghua .chepicb1 .chpicl {top: 5%;}
	.icontxt5 li span, .detail-template .text, .datetxt3 li span, .icontxt2 li span,.icontxt4 li span {font-size: 12px}
	.detail-template .img .right-img2 {right:5%;width: 600px;}
	.detail-template .product-left {top: 10%;}
	.item-nav .right-nav {width: 71%;}

}
@media screen and (max-width: 1152px) {
	.inside-pages .header .content .left .stockcode {margin-left: 110px;padding-left: 10px;}
	.header .content,.header-nav-show .content, .footer .content,.contact-section .content,.index-interesting  {width: 94%;}
	.header .content .center .nav li a {padding: 0 5px;}
	.item-nav .left.w50 {width: 60%;}
	.item-nav .cnav {width: 20%;padding: 0 5% 0 5%;}
	.item-nav .left {padding-right:5%;}
	.item-nav .cnav .email h3 a {font-size: 18px;}
	.item-nav .cnav li a h4,.screen-banner-swiper .screen-banner-slide .btn-2 a span,.interesting-list a .text h5,.video-list-bottom a .text h3,.evcharger-data .item li h5,.product-range-list .item-2 .text h5,.index-about .title-style h6 {font-size: 12px;line-height: 22px;}
	.item-nav .cnav li {padding: 0px 0 10px 0;}
	.item-nav .cnav li a {padding-bottom: 10px;}
	.banner-slide .txt h1 {font-size:30px;}
	.index-products-center .bottom3 a .text h2,.index-interesting-list a .text h2 {font-size: 20px;line-height: 24px;}
	.title-style h2,.about-item .title-style h2,.index-about .about-item .left .title h2, .index-about .about-item .right .item li h2 strong,.index-interesting .title h2,.interesting-other h2 {font-size: 30px;line-height: 30px;}
	.index-about .about-item .right .item li h6, .index-about .about-item .left .text {line-height: 20px;}
	.index-about .about-item .left .play {margin-top: 20px;}
	.index-about .about-item .left .play a {padding: 10px 20px;}
	.index-interesting,.contact-section {padding: 100px 0;}
	.index-about .about-item {left:2.5%;width: 94%;}
	.screen-banner-swiper .screen-banner-slide .text h1,.page-banner .text h2 {font-size: 40px;line-height: 44px;}
	.interesting-list a .text h3,.download-list-bottom a .text h3,.download-list a .text h3 {font-size: 14px;line-height: 24px;}
	.interesting-detail {width: 90%;}
	.interesting-list {padding:40px 0 10px 0;}
	.evcharger-data .item.item4 li {width: 24%;}
	.evcharger-our-project {padding: 100px 0 0px 0;}
	.evcharger-our-project .top .left {width: 30%;}
	.evcharger-our-project .top .right {width: 65%;}
	.product-range-list, .interesting-video, .evcharger-our-project .top {width: 94%;}
	.interesting-video {padding: 100px 0 0px 0;}
	.screen-banner-swiper .screen-banner-slide .btn-2 a {padding: 10px 20px;}
	.content {width: 94%;}
	.page-banner .text {left: 3%;}
	.index-about .about-item .left {padding: 3.5% 3% 3% 3%;}
	.index-about .about-item .right {width: 47%;}
	.contact-section .title-style .text {width: 100%;}
	.contact-bottom .left .map { height: 700px;}
	.development-history .top .title-style {width: 100%;}
	.about-date .right .item {padding-bottom: 10px;}
	.about-date .left .item h2 strong {font-size: 40px;}
	.about-ours .left .text .item h3, .core-competence .absolute .item3 .item h3 {font-size: 14px;line-height: 20px;margin: 0;}
	.about-ours .right {width: 40%;}
	.about-ours .img img{width:120%;max-width: 120%;}
	.about-swiper-pic .swiper-slide .text .itemlist {width: 800px;}
}
@media screen and (max-width: 1024px) {
	.contact-section .content .left .content-way li {width: 50%;}
	.contact-section {padding: 80px 0;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {width: 30px;height: 30px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 85px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -60px;}
	.swiper-history .swiper-history-time .year-num {font-size:24px;}
}
@media screen and (max-width: 860px) {
	.header,.aside-top,.pcshow  {display: none!important;}
	.mnav,.mbshow {display: block!important;}
	.inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.cross:before,.inside-pages .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:before{background: #fff;}
	.header-height,.product-detail .header-height {height:50px;}
	.screen-banner-bottom.position-fixed a {height: 40px;line-height: 40px;}
	.index-banner-swiper .swiper-slide {background: #000;}
	.banner-slide .img img.mbshow {width: 100%!important;}
	.banner-slide .txt h1 {font-size: 30px;}
	.banner-slide .txt {width:90%;left: 5%;top:20%;margin-top:0px;}
	.banner-btn a {margin-bottom: 15px;}
	.title-style h2,.about-item .title-style h2 {font-size: 30px;line-height: 40px;}	
	.index-products-center .bottom3 a {float: none;width: 100%;}
	.index-about .img img {max-width: 500%;width: 500%;margin-left: -50%;}
	.index-about .about-item {top:0;left: 5%;width:90%; margin-top:0px;}
	.index-about .title-style h6,.index-products-center .top .text,.index-interesting .title h6,.screen-banner-swiper .screen-banner-slide .btn-2 a span,.interesting-list a .text h5 {font-size: 12px;line-height: 22px;}
	.index-about .about-item .left .title h2,.index-interesting .title h2 {font-size: 30px;}	
	.index-about .about-item .left {width: 90%;height: 90%;padding: 5%;float: none;position: relative;}
	.index-about .about-item .right {width: 100%;float: none;padding: 0;}
	.index-about .about-item .right .item li {overflow: hidden;padding: 5% 5% 0 10%;}
	.index-about .about-item .right::before {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top:0;opacity: .3;}
	.index-interesting-list a {width:100%;margin-right: 0;margin-bottom:2%;}
	.index-interesting,.contact-section,.product-range,.interesting-video,.Contact-our-team,.contact-bottom .right,.interesting-detail,.interesting-other {padding: 20% 0;}
	.index-interesting-list a .text h2 {font-size: 20px;}
	.contact-section .title-style .text {width: 95%;font-size: 12px;line-height: 22px;}
	.contact-section .content .left,.contact-section .content .right {width:100%;float: none;}
	.content-form li .input2,.content-form li .textarea1 {width:100%;margin-bottom: 1%;}
	.content-form li .input2:first-child {margin-right:0;width:100%;}
	.content-form li {margin: 0;}
	.content-form li .submit1,.interesting-detail {width:100%;}
	.footer .content .top {border:none;}
	.footer .content .top .footer-nav a {display: block;border-bottom: 1px solid #313131;margin-right: 0px;width: 100%;padding:10px 0;}
	.footer .content .center .left .subscribe {position: relative;}
	.footer .content .center .left .subscribe .subscribe-submit {position: absolute;right: 0;top: 0;}
	.footer .content {width: 90%;}
	.footer .content .center .right .social a {border: 1px solid #999;margin-left:0px;margin-right: 10px;}
	.footer .content .center .left,.footer .content .center .right {width:100%;float: none;}
	.footer .content .center .right {padding-top:4%;overflow: hidden;}
	.footer .content .bottom .copy a.niego {display: block;padding: 0;margin: 0;margin-top: 10px;}
	.footer .content .center {padding: 0px 0 30px 0;}
	.contact-section .content .left .content-way li span{display: block;padding-top: 10px;text-align: center;}
	.contact-section .content .left .content-way li i {margin: auto;display: block;}
	.index-about .about-item .right .item li h6 {line-height: 18px;}
	.banner-slide .txt h4 {padding: 10px 0 0px 0;}
	.banner-slide .txt h1 {padding-bottom: 10px;}
	.screen-banner-swiper .screen-banner-slide .text h1 {font-size:30px;line-height: 30px;margin-top: 20%;}
	.screen-banner-swiper .screen-banner-slide .text {left: 5%;width: 90%;}
	.screen-banner-swiper .screen-banner-slide .text.center {top: 0;}
	.screen-banner-swiper .screen-banner-slide .btn-2 {margin-top: 20px;}
	.screen-banner-swiper .screen-banner-slide .btn-2 a {padding: 10px 20px;}
	.product-range-list .item-2 .text {position: relative;left: auto;top: auto;width: 90%;height: auto;padding: 5%;}
	.product-range-list {margin:0;width: 100%;padding:0;}
	.evcharger-our-project .top .left,.evcharger-our-project .top .right,.Contact-our-team .left,.Contact-our-team .right,.contact-bottom .right {width:100%;float: none;}
	.interesting-video, .evcharger-our-project .top,.content {width:90%;}
	.interesting-video-list .item.img-3 a {width: 100%;float: none;margin-right:0;}
	.interesting-video-list .item .text {position: relative;}
	.interesting-video-list .item a {background: #f7f7f7;}
	.interesting-video-list .item .text h3 {color: #333;}
	.evcharger-data .item.item4 li {width: 48%;margin-bottom: 30px;}	
	.evcharger-data .item li h2 strong,.contact-bottom .right .name h2,.interesting-other h2 {font-size: 30px;}
	.evcharger-data .item li h5 {font-size: 12px;}
	.evcharger-data,.interesting-list {padding: 40px 0 20px 0;}
	.page-banner .img img {width: 200%;max-width: 200%;}
	.page-banner .img img.mbshow{opacity: 1;width: 100%;max-width: 100%;}
	.page-banner .text h2 {font-size: 30px;}
	.page-banner .text {left:3%;top:0;}
	.page-banner .text h6 {font-size: 12px;width:90%;line-height: 22px;}
	.contact-bottom .left  {width:100%;float: none;display: none;}
	.contact-bottom .right {position: relative;right: auto;top: auto;}
	.contact-bottom .right .table {width:90%;margin: auto;}
	.contact-bottom .right .content-way .item:first-child {padding: 10px 0 10px 0;}
	.contact-bottom .right .content-way li span {width: 80%;}
	.contact-bottom .right .content-way .item.item2 li {margin-right:0;width: 50%;}
	.contact-bottom .right .content-way .item.item2 li i{margin-bottom: 10px;}
	.interesting-list a,.download-list a,.video-list a {width: 100%;float: none;margin-right:0;margin-bottom: 2%; }
	.interesting-list a .text {padding: 5%;}
	.popup-window-content {width: 90%;padding:5% 2% 5% 5%;}
	.popup-window-content .rolling-content .rolling-h {padding-right: 20px;}
	.turnpage a {padding: 0px 12px;height: 35px;line-height: 35px;}
	.turnpage a span {font-size: 12px;}
	.download-list-bottom a .text h3 {font-size: 14px;}
	.download-list-bottom a .text h5 {position: relative;right: auto;top: auto;margin-top: 20px;display: inline-block;}
	.video-list-bottom a {margin-right: auto;width: 100%;padding: 20px 0;float: none;}
	.video-list-bottom a .text {position: relative;right: auto;width: 90%;height:auto;padding-right: 10%;top: auto;margin-top: 20px;}
	.product-top-nav {top: 50px;}
	.product-top-nav .content {width: 94%;}
	.product-top-nav .content .right {width: 100%;float: none;}
	.product-top-nav .content .right a {margin: 0;text-transform: capitalize;display: block;float: left;margin-right:5%;}
	.product-top-nav .content .right a:last-child {text-indent: -999px;width: 20px;height: 20px; background: url("../images/left4.png") center no-repeat;background-size: 60%;position: absolute;right:0;top: 50%;margin-top: -10px;}
	.interesting-video-list .item.img-3 .text {height: auto;}
	.download-list-nav {font-size: 0;}
	.download-list-nav a {font-size: 14px;width:26%; margin: 5px 0;padding: 10px;border: 1px solid #ccc;}
	.page-banner .text h5 {margin-top: 0;}
	.video-list a .text {height: auto;}
	.our-project-swiper-3 .img img {width: 150%;max-width: 150%;}
	.our-project-swiper-3 {width: 100%;margin: 60px auto auto;}
	.contact-bottom .right {padding: 20% 0 20% 0;}
	.contact-bottom .map.mbshow{overflow: hidden;}
	.contact-bottom .map.mbshow iframe {margin: 0;padding: 0;border: none;margin-top: -50px;width: 100%;}
	.contact-bottom .right .content-way .item:last-child {border: none;}
	.popup-window-content .rolling-content {overflow-y: scroll!important;overflow-x: hidden;}
	.popup-window-content .rolling-content .rolling-h {position: relative!important;}
	.contact-section .content .left .content-map iframe {width: 100%;}
	.popup-window-content .rolling-content::-webkit-scrollbar{width:2px;background: #f1f1f1;}
	.popup-window-content .rolling-content .rolling-h {font-size: 14px;line-height: 24px;}
	.popup-window-content .rolling-content .rolling-h h2 {line-height: 30px;font-size: 20px;}
	.our-project-swiper-3 .text h6 {line-height: 18px;}
	.interesting-other h2 {width: 100%}
	.screen8-swiper-img .section-item .item a h4 strong  {font-size: 12px;line-height: 22px;}
	.swiper-banner-pagination {bottom: 20px;}
	.swiper-history .swiper-history-time .swiper-slide-active .text {width: 90%;}
	.about-ours .left,.about-ours .right,.about-date .left,.about-date .right,.about-global .top .left,.about-global .top .right {width: 100%;float: none;}
	.about-ours {background: url("../images/about4.jpg")}
	.core-competence{background: url("../images/about7.jpg")}
	.about-ours .absolute,.about-global .top,.core-competence .absolute {width: 90%;position: relative;padding: 20% 0;}
	.core-competence .absolute  {left:5%;}
	.about-ours .right .slogo {width: 80%;left:10%;margin-left: 0;}
	.about-ours .left .text .item h3 {padding-bottom: 10px;}
	.about-date .left {overflow: hidden;border: 1px solid rgba(255,255,255,.3);}
	.about-date .left::before {left: 50%;}
	.about-date .left .item {width: 40%;padding:1% 5% 9% 5%;}
	.about-date .right {padding-top: 50px;}
	.about-date .right::before,.core-competence .absolute .item3 .item::after,.about-swiper .pr-next, .about-swiper .pr-prev,.service-faq .right::before,.about-ours .img,.about-global .img,.core-competence .img,.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev ,.video-list-bottom a .text i,.product-top-nav .content .left ,.evcharger-data .item li::after,.contact-bottom .right .content-way .item.item2 li::after  ,.product-range-list .pr-prev,.product-range-list .pr-next,.index-about .about-item .left::after,.contact-section .content .left .content-way li::after,.announcement-list li a h5,.evcharger-advantage .item3 .line,.evcharger-solution-nav a::after  {display: none;}
	.core-competence .absolute .item3 .item {width: 100%;padding: 0;}
	.core-competence .absolute .item3 .item h3 {margin:10px auto;}
	.about-global .top .right .img {display: block;}
	.about-global .top .right .img .place a .item h6 {font-size: 12px;}
	.about-swiper-pic .swiper-slide .text .itemlist {width:90%;}
	.about-swiper-pic .swiper-slide .text .itemlist .item {width: 50%;}
	.about-swiper-pic .swiper-slide .text .itemlist .item h6 {width:90%;display: block;}
	.about-swiper-pic .swiper-slide .text .itemlist::after {right: 50%;top:0;width:1px;height: 100%;}
	.about-swiper-pic .swiper-slide .text .itemlist .item::after {right: 0;top: 0;width: 100%;;height: 1px;}
	.about-swiper-pic .swiper-slide .text .itemlist .item:nth-child(3)::after,.about-swiper-pic .swiper-slide .text .itemlist .item:nth-child(6)::after {display: block;}
	.about-swiper-pic .swiper-slide .text .itemlist .item img {padding: 10% 0;}
	.about-swiper-pic .swiper-slide .title-style h2 {font-size: 20px;line-height: 24px;}
	.about-swiper-pic .swiper-slide .title-style h4 {font-size: 18px;}
	.company-culture .absolute .img img {margin: auto;}
	.about-swiper-pic .swiper-slide .text .img3 img {max-width:60%;}
	.banner-slide .txt h2 {font-size: 34px}
	.banner-slide .txt.center {width:90%;left:5%;}
	.index-products-center .top {padding: 0px 0 20px 0;}
	.index-products-center {padding: 13% 3% 3% 3%;}
	.index-products-center .bottom5 a,.video-list-bottom a .img,.footer .content .center .left .subscribe .subscribe-input {width: 100%;}
	.index-products-center .bottom5 a:first-child {position: relative;width: 100%;}
	.index-products-center .bottom5 {padding-left:0;}
	.index-about .about-item .left .title h2 {font-size: 20px;}
	.index-about .about-item .left .title h4 {font-size: 14px;}
	.index-about .about-item .right .item li {padding: 15% 10% 5% 10%;width: 80%;}
	.index-newscenter .top .newsnav-r {position: relative;right: auto;top: auto;}
	.index-newslist a {width:100%;margin-right:0;margin-bottom: 3%;}
	.contact-section .content {padding: 20px 0 0 0;}
	.about-company-qualification .main {width: 90%;padding-top:10%;}
	.about-company-qualification .main .table,.about-company-qualification .main .table-cell {display: block;}
	.about-sinexcel .text .title-style h2,.about-company-qualification .main .title h4 {font-size: 30px;line-height: 40px;}
	.about-ours .left .title-style h2 {font-size: 24px;margin: 0px 0 5px 0;}
	.about-ours .left .text .item3 li h3,.contact-bottom .right .name h2 {font-size: 24px;}
	.about-ours .left .text .item3 li {width: 25%;}
	.date3 li h3 strong {font-size: 40px;}
	.date3 {margin-top: 20px;}
	.about-company-qualification .main .title .line {margin: 15px 0;}
	.swiper-history .swiper-history-time {background: none;}
	.company-honor {padding: 100px 0 100px 0;}
	.swiper-r {right: 10%;width: 80%;}
	.investors-relations .main .title-style h4 {font-size: 28px;}
	.investors-relations .main .title-style h2,.page-banner .text h3,.evcharger-solution-banner .text h3 {font-size: 30px;}
	.investors-date .left,.investors-date .right,.service-support .left,.service-support .right,.service-faq .left,.service-faq .right,.Contact-our-team .left .item2 li,.product-range-list .item .img,.evcharger-advantage .title,.evcharger-advantage .item4 a,.screen-banner-bottom-nav,.product-range-list .item {width: 100%;}
	.investors-date {width: 90%;padding: 5%;}
	.investors-date .right {padding: 5% 0;}
	.investors-date .right li {width: 24%;}
	.investors-date .right li h3 strong {font-size: 18px;}
	.service-support,.service-faq {padding:20px 0 50px 0;}
	.service-faq .left,.service-faq .right,.product-range,.evcharger-solution-banner,.about-global .top .left .text {padding: 0;}
	.Contact-our-team .left .item2 li {margin-bottom: 20px;}
	.contact-bottom .right .content-way .item {padding: 20px 0;}
	.interesting-nav {font-size: 0;width: 100%;}
	.interesting-list-nav a {width: 33.333%;display: inline-block;margin-left:0px;}
	.screen-banner-swiper .screen-banner-slide .main {left: 5%;width: 90%;margin-left: 0px;}
	.screen-banner-bottom-nav a {height:40px;line-height: 40px;font-size: 14px;}
	.screen-banner-swiper .screen-banner-slide .title h2 {font-size: 64px;}
	.product-range-list .item a {padding: 15% 5% 0 5%;}
	.product-range-list .item .text,.evcharger-solution-banner .item4 {position: relative;left:auto;top:auto;width:100%;}
	.screen-banner-bottom.position-fixed.top85 {top: 50px;}
	.evcharger-advantage .item3 {border-top: 1px solid rgba(255,255,255,.2);}
	.evcharger-advantage .item3 a {width:90%;padding:5%;height:auto;border-bottom: 1px solid rgba(255,255,255,.2);}
	.evcharger-advantage .item3 a .main {height:auto;padding-top: 0;text-align: center;}
	.evcharger-advantage .item3 a .text {display: none;margin-top: 20px;width:100%;}
	.evcharger-advantage .item3 a:hover .text {display: block;}
	.evcharger-advantage .item3 {top: 25%;height: 75%;}
	.evcharger-advantage .title {top: 7%;left: 0;margin-left:0px;}
	.evcharger-advantage .item3 h3 {margin: 0 auto;font-size: 16px;}
	.evcharger-advantage .item3 i {width: 80px;height: 55px;margin: 0 auto;}
	.evcharger-advantage .item4 {margin-top: 30px;}
	.evcharger-advantage .item4 a:hover .text h6,.evcharger-solution-banner .item4 a h6 {height: auto;}
	.navr4 {position: relative;}
	.partners-swiper4 .img {width:49%;height:100px;margin:.5%;}
	.evcharger-advantage.sadvantage3 {margin: 20% auto;}
	.screen-banner-swiper .screen-banner-slide .data5 li {padding: 3% 0;font-size: 12px;width: 33%;}
	.screen-banner-swiper .screen-banner-slide .data5 li h3 strong {font-size: 24px;}
	.screen-banner-swiper .screen-banner-slide .data5 li::after {display: none;}
	.evcharger-solution-nav a {padding: 2% 2% 0 0;}
	.evcharger-solution-nav a span {font-size: 15px;}
	.evcharger-solution-banner .item4 a { width: 90%;padding: 5%;border-top: 4px solid #f7f7f7;margin-right:0;position: relative;overflow: hidden;}
	.evcharger-solution-banner .img img.img-block,.evcharger-solution-banner .img img.img-center {max-width: 200%;width: 200%;}
	.evcharger-solution-banner .text{width:90%;margin-left:0px;left:5%;}
	.evcharger-solution-banner .item4 a h2 {font-size: 40px;position: absolute;right: 5%;top: 5%;}
	.evcharger-our-project {padding: 100px 0 ;}
	.youchong-content .text {left: 5%;width: 90%;}
	.youchong-content .text .txt li {padding: 0 2%;width: 30%;}
	.youchong-content .text .txt li:nth-child(2),.youchong-content .text .txt li:last-child {padding:0px;}
	.contact-section .content .left .content-way li {width: 32%;}
	.contact-section .content .left .content-way li:last-child {width: 100%;}
	.contact-section .content .left .content-way li:last-child i {float: left;margin:2%  3%;}
	.contact-section .content .left .content-way li:last-child span {float: left;width: 75%;text-align: left;padding-left:1%;padding-top:0px;}
	.contact-section .content .left .content-way li:nth-child(3) span h5 a {color: #000;}
	.about-ours .left .text .item3 li h3,.about-global .top .left .title-style h2 {margin: 0;}
	.about-global .top .right { margin-top: 50px;}
	.about-ours .left .text {margin-top: 5px;}
	.interesting-list-nav a.cur::after {bottom: -20px;}
	.screen-banner-swiper .screen-banner-slide .title h4 {margin: 20px 0 0;}
	.index-newscenter .top .newsnav-r a.cur::after {bottom: -22px;}
	.contact-section .content .right {margin-top: 30px;}
	.contact-section .content .left .content-way li span h5 {font-size: 11px;}
	.contact-section .content .left .content-way li:nth-child(3) i.c3 {border: 2px solid #000;opacity: .7;background: url(../images/c3.png) center no-repeat;}
	.screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main, .screen-2-2 .main, .screen-2-4 .main, .screen-2-6 .main, .screen-3-1 .main, .screen-3-4 .main, .screen-3-5 .main, .screen-3-6 .main, .screen-3-8 .main, .screen-4-2 .main, .screen-4-6 .main,.screen-1-2 .main, .screen-1-4 .main, .screen-1-7 .main {left: 5%;width: 90%;}
	.product-range-list .item a .img img.img-center {transform: scale(1);}
	.battery-advantage .title h3 {font-size: 30px;}
	.item-av6 {width: 100%;margin: 0 0 1% 0;float: none;}
	.battery-advantage {padding: 100px 0 ;}
	.serving-customers {margin-top: 40px;padding-bottom: 0px;}
	.serving-customers .img {width: 49%;height: 100px;margin: 0 1% 1% 0;}
	.serving-customers .img img{max-width: 60%;}
	.serving-customers .img:nth-child(5), .serving-customers .img:nth-child(10), .serving-customers .img:nth-child(15), .serving-customers .img:nth-child(20) {margin: 0 1% 1% 0;}
	.product-detail {padding-top: 50px;}
	.detail-template .left,.detail-template .width-main,.detail-template .picmain {width: 90%;}
	.detail-template .text.text18{width: 100%;}
	.detail-template .title h2, .detail-template .title h3 {font-size: 28px;}
	.datetxt3 li {vertical-align: top;width: 26%;padding: 0 3%;}
	.detail-template .text {line-height: 22px;width: 90%;margin: auto;font-size: 14px;}
	.datetxt3 li h4,.screen-1-2 .main .item3 li h3,.screen.screen-1-2 .title h4 {font-size: 24px;}
	.datetxt3 li h4 em,.icontxt5 li::after,.screen-1-2 .main .item3 li::after {display: none;}
	.detail-template .picmain img {height:auto;}
	.detail-template .picmain,.mtop20  {margin: 30px auto auto auto;}
	.detail-template .img .right-ycenter {width: 90%;height: 100%;right: 5%;}
	.icontxt4 li {width: 50%;}
	.icontxt4 li span {width: 86%;}
	.detail-template .product-left {width:100%;position: relative;top:auto;left:auto;padding-top: 100px;}
	.detail-template .product-left .img img {width: 80%;margin: auto; height: auto;}
	.detail-template .table-right {width:90%;position: relative;right: auto; height: 100%;top:auto;margin: 50px auto;}
	.parameter-li li,.table-parameter-nav a,.screen-1-2 .main .item3 li span,.date3 li h6 {font-size: 12px;}
	.detail-template .table-right .biaoti1 {font-size: 22px;}
	.detail-template .center.top10 .table {display: table;}
	.detail-template .center.top10 .table-cell {display: table-cell;}
	.detail-template .center.top10 {top: 0;}
	.icontxt5 li { padding: 0;margin-bottom: 20px;text-align: left;width: 32%;}
	.icontxt5 li i {margin: 0;}
	.icontxt5 li:nth-child(2) {padding: 0;}
	.table-parameter-nav a:nth-child(3), .table-parameter-nav a:nth-child(6), .table-parameter-nav a:nth-child(9) {margin: 0 0px 1% 0;}
	.screen.screen-1-2 .title {margin-top:70px;}
	.screen-1-1 .title {background: url(../images/s-t-1.png) left top no-repeat;background-size: 100%;}
	.screen .title h2,.screen .title h4{font-size: 30px;}
	.screen .title h3 {font-size: 18px;}
	.screen.screen-1-2 .table,.screen.screen-1-2 .table-cell,.screen.screen-1-3 .table,.screen.screen-1-3 .table-cell{display: block;}
	.screen-1-2 .main .item3 {font-size: 0;}
	.screen-1-2 .main .item3 li {padding:0;width: 33%;vertical-align: top;}
	.picain .item4 {width: 100%;margin:0;}
	.picain .item4 .rightshu h6 {padding-bottom:15px;}
	.picain .item4 .rightshu {top: 7px;}
	.picain .item4 h4 {font-size: 16px;margin: 0px 0 8px 0;}
	.screen-1-2 .main .picain {padding:20px 0;background: none;}
	.screen .title.center .line {margin:15px auto;}
	.picain .item4 h5 {font-size: 14px;margin:7px 0 13px 0;}
	.picain .item4 .rightshu h3 {font-size: 14px;text-align: right;}
	.product-applicable-plan .item2 a { width: 100%;margin:0 0 1% 0;}
	.screen-1-3 .left {width:90%;padding:10% 5%;position: relative;left:auto;top: auto;}
	.screen .right,.screen-1-3 .left .item3 {width: 100%;}
	.screen-1-3 .left .item3 a .progress img {height:8px;}
	.screen-1-4 .text-left,.screen-1-4 .text-right,.screen-1-6 .rightpic,.swiper-tab-title,.date3 li::after,.screen-2-3 .main .chemain {display: none;}
	.screen-1-4 .main {background-size: 200%!important;}
	.pic-animation {width:90%;height: 500px;position: absolute;left: 5%;top: 50%; margin: -250px 0 0 0px;}
	.pic-animation .item.item1 .jingdutiao1 {bottom: 20px;left:0px;}
	.pic-animation .item.item2 .jingdutiao1 {bottom: 20px;right:0px;}
	.pic-animation .item.item3 .jingdutiao1 {top: 30px;left:0px;}
	.pic-animation .item.item4 .jingdutiao1 {top: 30px;right: 0px;}
	.pic-animation .item .yline1 img{display: block;width: 60%;}
	.pic-animation .item.item3 .yline1,.pic-animation .item.item4 .yline1 {margin-top: 40px;}
	.pic-animation .item .jingdutiao1 span,.pic-animation .item .jingdutiao1 i {height: 6px;}
	.pic-animation .item .jingdutiao1 {width: 50%;}
	.screen-1-5 .icons8 li h4 {font-size: 12px;margin-left:0px;display: block;}
	.screen-1-5 .icons8 li i {width:44px; height:44px;border:none;}
	.screen-1-6 .main .pic img {margin-left: -20px;}
	.screen-1-6 .title {margin-top: -40px;}
	.screen-1-6 .text {margin-bottom: 0px;}
	.screen-1-7 .item3 a {width: 150px;height: 150px;margin: 0px;}
	.screen-1-7 .item3 a h3,.about-company-qualification .main .date3 li span,.about-global .date3 li span {font-size: 14px;}
	.about-global .date3 li {width: 45%;}
	.screen-1-7 .item3 a h4 {margin:3px 0;font-size: 14px;}
	.screen-1-7 .item3 a i {width:33px;height: 33px;}
	.screen-7 .left {margin-top:80px;margin-bottom: 70px; width: 100%;}
	.screen-7 .swiper-right {margin-top:10px;padding: 10% 5%;}
	.screen-7 {background: none;}
	.screen-7 .right {padding-bottom:60px;}
	.screen-7 .swiper-big-img1 .img img {height:300px;}
	.swiper-tab-screen .swiper-button-next {right: 0px;width:50%;bottom:0px;}
	.swiper-tab-screen .swiper-button-prev {right: auto;left: 0;width:50%;bottom:0px;}
	.screen-2-1 .main .title {background-size: 100%!important;}
	.mtop50 {margin-top: 50px;}
	.screen-2-1 .main .text {margin-bottom: 0px;}
	.date3 li span,.date3 li h3 i,.date3 li h3 {font-size: 20px;}
	.date3 li:first-child {padding: 0 0px 0 0px;font-size: 12px;}
	.date3 li:first-child h3 i {font-size: 12px;}
	.date3 {font-size: 0;}
	.date3 li {padding: 0 0px 0 10px;width: 31%;}
	.mbpicw80 {width: 80%;margin: 40px auto auto auto;}
	.screen-2-1 .main, .screen-2-3 .main, .screen-2-5 .main {width: 90%;left:5%;}
	.screen-2-5 .productpic {width:100%;display: none;}
	.screen-2-5 .productpic .ppic1{width: 80%;height: auto;left: 10%;top: 50%;margin: -133px 0 0 -0px;}
	.screen-2-5 .productpic .ppic2 {width: 60%;height: auto;right: 0px;top: 17%;}
	.screen-2-5 .productpic .ppic3 {width: 60%;height: auto;left: 0;top: 10%;}
	.screen-2-5 .productpic .ppic4 {width: 60%;height: auto;right: 5%;bottom:auto;top: 35%;}
	.screen-2-5 .productpic .ppic5 {width: 50%;height: auto;left: 25%;bottom: auto;top:50%;}
	.screen-2-5 .main .text img,.screen-3-1 .main .text,.screen-3-4 .main .text,.screen-3-5 .main .text, .screen-3-8 .main .text {width: 100%;}
	.jingdutiao8,.screen-3-3 .chedonghua .chepicb1,.screen-3-4 .img .productimg,.icon4 li::after,.company-culture .absolute .img  .slogoimg,.es-yuanquan-text a h5,.Linefeed{display: none;}
	.itempic a {width: 50%;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height,.screen-7 .swiper-right {height: auto;}
	.screen-3-3 .chedonghua .chedatet {width: 100%;display:block;margin: 15px 0px;}
	.screen-3-3 .main, .screen-3-7 .main {width:90%;left: 5%;}
	.screen-3-7 .main .text img,.screen-4-5 .main .text img{width:100%;}
	.screen-4-1 .main, .screen-4-3 .main,.screen-4-5 .main {width:90%;left: 5%;}
	.screen-4-1 .title {background-size:100%;}
	.icon4 li:first-child,.icon4 li {padding:0px;width: 49%;}
	.screen-4-6 .date3 li span {font-size: 12px;}
	.screen-4-6 .date3 li {width: 49%;padding: 0 0px 20px 0px;}
	.date3 li h4 {padding-bottom: 10px;}
	.evcharger-solution-nav.num3 a {width: 26%;}
	.evcharger-solution-nav.num3 a i{display: block;margin: auto;}
	.evcharger-solution-nav.num3 a span {padding-top: 10px;}
	.amc-item2 .item ,.amc-item2 .item .img,.amc-item8 .item,.amc-item4 .item {float: none;width:100%;margin: 0 0 1% 0;}
	.amc-item2 .item .text {position: relative;right:auto;top:auto;width:100%;}
	.product-range-list .product-range-list-swiper .swiper-pagination{display: none;}
	.product-range .title h2,.evcharger-our-project .title h2,.application-mode .title h2 {font-size:30px;}
	.application-mode {padding: 60px 0 100px 0;}
	.application-mode-content {width: 90%;}
	.evcharger-solution-banner .text h5 {font-size: 12px;line-height: 22px;}
	.amc-item8 .item .text h5,.amc-item4 .item .text h5 {min-height:auto;}
	.amc-item4 .item .text h6 {margin: 20px 0 40px 0;}
	.product-range.pt100 {padding-top: 100px;}
	.mark-section-bg-fixed {height: 500px;}
	.video-window-content,.energy-storage-advantage-yuanquan,.es-yuanquan-img {width: 100%;}
	.es-yuanquan-product {position: absolute;left:5%;width:90%;margin-left:0px;bottom: 10%;}
	.es-yuanquan-text a.yq1 {left: 5%;top: 50px;right: 0;padding: 0;width:90%;}
	.es-yuanquan-text a.yq1 i {bottom: -10px;}
	.es-yuanquan-text a h3 strong {font-size: 15px;}
	.es-yuanquan-text a.yq2,.es-yuanquan-text a.yq3,.es-yuanquan-text a.yq4,.es-yuanquan-text a.yq5 {left: 0;top: 50px;right: 0;padding: 0;width:100%;display: none;}
	.es-yuanquan-product img {margin-left: -50px;}
	.es-yuanquan-img {padding: 100px 0;}
	.es-yuanquan-img .bgtext {font-size: 80px;top: 50%;margin-top: -40px;}
	.gpc-content-main {width: 90%;margin: auto;background: none;padding: 30px 0 0px 0;}
	.gpc-content-btn {padding-top: 40px;width:100%;}
	.gpc-content .title-style .text {font-size: 14px;line-height: 24px;width: 90%;margin: auto;}
	.gpc-content-btn a {font-size: 12px;padding: 5px 15px;margin: 5px 2px;}
	.global-product-certification {margin-bottom: 50px;}
	.power-quality-advantage .title {width: 90%;left: 5%;margin-left:0px;}
	.power-quality-advantage .title h3 {font-size: 24px;line-height: 34px;}
	.advantage-yuanquan,.advantage-yuanquan .advantage-yuanquan-img {width:100%;}
	.advantage-yuanquan .advantage-yuanquan-img {padding: 200px 0 50px 0;}
	.advantage-yuanquan .advantage-yuanquan-pic {width: 90%;height: 500px;left: 5%; top: 65%;margin: -250px 0 0 0px;}
	.advantage-yuanquan .advantage-yuanquan-nav {top: 130px;text-align: center;}
	.advantage-yuanquan .advantage-yuanquan-pic .advantage-yuanquan-swiper .img {width:100%;height: 500px;}
	.advantage-yuanquan .advantage-yuanquan-nav a.yn1,
	.advantage-yuanquan .advantage-yuanquan-nav a.yn2,
	.advantage-yuanquan .advantage-yuanquan-nav a.yn3,
	.advantage-yuanquan .advantage-yuanquan-nav a.yn4,
	.advantage-yuanquan .advantage-yuanquan-nav a.yn5
	{width: auto;left: auto;right:auto;top:auto;padding: 0px;bottom: auto;text-align: center;position: relative;display: inline-block;margin:1px 0;}
	.advantage-yuanquan .advantage-yuanquan-nav a h5{display: none;}
	.advantage-yuanquan .advantage-yuanquan-nav a i {right: 50%;top:73px;margin-right: -8px;display: none;}
	.advantage-yuanquan .advantage-yuanquan-nav a h3 {font-size: 12px;padding: 7px 10px;}
	.evcharger-advantage.mh33 .item3{top: 0;height:100%;}
	.evcharger-advantage.mh33 .item3 a { padding: 5%;height: 28%;background: none;}
	.evcharger-advantage.mh33 .item3 a .text {display: block;}
	.evcharger-advantage.mh33 .item3 a .main {padding-top: 10px;}
	.evcharger-advantage.mh33 .item3 h3 {margin: 5px auto;}
	.evcharger-advantage .item4 a .img img.img-center {width: 100%!important;}
	.detail-template .pimg1 img {height: auto;width: 100%;}
	.detail-template .center .text.text18 {width: 90%;}
	.textimg-swiper-nav {margin-top: 0px;width: 100%;bottom:15%;font-size: 0;}
	.textimg-swiper-nav a {width:18%;height:50px; margin: 0px;padding: 2% 0; min-width: auto;text-align: center;}
	.textimg-swiper-nav.h45px a h5 {bottom: auto;display: block;padding-top:5%;}
	.textimg-swiper-nav a h5 {position: relative;left:auto;bottom: auto;display: table;width:75%;height: 100%;margin: auto;}
	.textimg-swiper-nav a span {line-height: 20px;font-size: 12px;display:table-cell;text-align: center;width: 70%;margin: auto;}
	.textimg-swiper-nav a::before {height: 90%;box-sizing: border-box;}
	.detail-template .center .title.mtop5 {margin-top: 15%;}
	.detail-template .left .text {width: 100%;}
	.global-product-certification-iconbtn {background: none;width: 90%;margin:auto;}
	.global-product-certification-iconbtn .content-btn {width:100%;}
	.global-product-certification-iconbtn .content-btn a {padding: 5px 15px;margin: 5px 2px;font-size: 12px;}
	.scrollh {height: auto;}
	.detail-template .center .icontxt5.num3 li{text-align: center;padding:0;}
	.detail-template .center.baise .icontxt5.num3 li:nth-child(2) {padding:0;}
	.detail-template .center .icontxt5.num3 li i{margin: auto;}
	.parameter-li li {width: 50%;margin-right: 0;}
	.detail-template .left .text.text18 {width: 100%;}
	.detail-template .left .icontxt5.num4 li{width: 24%;}
	.detail-template .right {width:90%;right:5%;}
	.detail-template .right .text {width: 100%;}
	.detail-template .img .product-left-pic1,.icontxt3 li:first-child::after {display: none;}
	.icontxt3 li {width: 40%;}
	.table-parameter-nav.num4 a {width: 43%;}
	.textimg-swiper-pic .pic {width: 90%;text-align: center;margin: auto;padding-top:20px;}
	.textimg-swiper-pic .pic img {margin:5px 0px;}
	.textimg-swiper-pic .pic.wh80 img {height: 150px;}
	.detail-template .left .icontxt4.style2 li span{width: 100%;}
	.detail-template .left .icontxt4.style2 li:first-child {padding: 0;}
	.detail-template .left .icontxt4.style2 li {width: 18%;}
	.detail-template .center.mbtop20 {margin-top: 20%;}
	.detail-template .left .text.w80 {width: 100%;}
	.icontxt5.num5 li {width: 20%;}
	.investor-end-content {width: 90%; padding: 5%;}
	.company-culture .absolute .item {width:95%;height: 205px;}
	.company-culture .absolute .item.item1 {top: 5%;margin: -20px 0px 0 0;right: 0;}
	.company-culture .absolute .item.item2 {top: 24%;left: 0;margin: -20px 0 0 0px;}
	.company-culture .absolute .item.item3 {bottom: 1%;right: 0;margin: -20px 0px 0 0;}
	.company-culture .absolute .item .text1 h6 { width: 80%;}
	.company-culture .absolute .item.item1 .text1 h3 {margin-bottom: 20px;margin-top: 0;}
	.company-culture .absolute .item.item2 .text1 h6 {float: right;}
	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:90px;}
	.screen-4-1 .table,.screen-3-4 .table,.screen-3-5 .table,.screen-1-1 .table,.screen-1-5 .table,.screen-1-6 .table,.screen-3-7 .table,.screen-2-3 .table{display: block;}
	.screen-4-1 .table-cell,.screen-3-4 .table-cell,.screen-3-5 .table-cell,.screen-1-1 .table-cell,.screen-1-5 .table-cell,.screen-1-6 .table-cell,.screen-3-7 .table-cell,.screen-2-3 .table-cell {display: block;margin-top: 20%;}
	.screen-4-1 .title {padding-top: 55px;}
	.screen-3-4 .item li i {width: 25px;}
	.screen-1-1 .title { padding-top: 5px;}
	.screen-1-5 .icons8 { margin-top: 40px;}
	.screen-1-5 .icons8 li {margin-bottom: 10px;}
	.mt110 {margin-top: 140px;}
	.screen-3-8 .main .text .mbshow img,.screen-2-1 .main .text .mbshow img{transform:scale(1.4);}
	.screen-2-1 .main .text .mbshow img{margin-top: 50px;}
	.screen-2-2 .date3 li span {font-size: 20px;}
	.iconpic4 img { max-width: 20%;}
	.screen-2-5 .main .title span{display: block;}
	.screen-2-5 .main .title i {display: none;}
	.evcharger-solution-nav a i {width: 35px;height: 25px;}
	.detail-template .left.baise .icontxt5.mtb40.mbliw25  li {width:25%;}
	.detail-template .left .mbliw25  li {width:25%;}
	.detail-template .product-left .img img.mbimgh300 {height: 300px;width: auto;}
	.textimg-swiper-pic.h100 .pic img {max-height: none;width: 80%;}
	.textimg-swiper-pic.h100 .pic img.mbw100{width: 100%;}
	.textimg-swiper-pic.h100 .pic img.mh200{width:55%;height: auto;}
	.detail-template .mbnonetable .table,.detail-template .center.top10.mbnonetable .table {display: block;}
	.detail-template .mbnonetable .table-cell,.detail-template .center.top10.mbnonetable .table-cell {display: block;margin-top: 20%;}
	.detail-template .mbnonetable .table-cell .icontxt5.mtb40 {margin:10px 0 0 0;}
	.detail-template .img .right-img2 {right: 5%;width:90%;top: auto;bottom: 5%;}
	.detail-template .img .right-img2 img {width: 90%;}
	.detail-template #container,.fcs10-main {display: none;}
	.detail-template .icontxt4.style2 li i{height: 30px;}
	.detail-template .img .right-img2.mbb-55 {bottom: -55%;}
	.textimg-swiper-nav.h45px.style-2{bottom: 25%;}
	.textimg-swiper-nav.h45px.style-2 a{width: 27%;}
	.textimg-swiper-nav.h45px.style-2 a span {margin-top:10px;display: block;width: 100%;}
	.parameter-li h4:first-child {padding: 20px 0;}
	.detail-template .title .line {width: 56px;height: 3px;margin: 20px 0;}
	.textimg-swiper-nav.mw30 a{width: 50%;}
	.textimg-swiper-nav.mw30 a h5 {width: 90%;}
	.textimg-swiper-nav.mw30 a h5 span{vertical-align: middle;}
	.contact-section .content .left .content-map {display: none;}
	.textimg-swiper-pic.h100 .pic img.mbshow {width: 100%;}
	.icontxt4.mb4li li  {margin-bottom: 10px;width: 25%;}
	.icontxt4.mb4li li i {height: 30px;margin-bottom: 10px;}
	.icontxt2 li {margin:10px 0 0 0;}
	.icontxt2 li i,.icontxt2 li h4 {float: left;}
	.icontxt2 li h4 {margin-top: 10px;}
	.icontxt2 li span {display: block;clear: both;}
	.screen-banner-bottom.position-fixed.top85 {transform: translateY(50px);}
	.screen-banner-bottom.position-fixed.top85 {top: 0px;}
	.contact-section .title-style {text-align: left;width: 94%;margin: auto;}
	.contact-section .title-style .line {margin: 10px 0;}
	.contact-section .title-style .text {width: 100%;}
	.contact-section .content .left .content-way li i {margin: auto 0;}
	.contact-section .content .left .content-way li span {text-align: left;}
	.contact-section .content .left .content-way li:last-child i {margin: 2% 3% 2% 0;}
	.contact-bottom .right .content-way .item.item2 li:last-child {width: 50%;}
	.contact-bottom .right .content-way .item2 li span {width: 100%;}
	.other-email {font-size: 12px!important;padding-left:0%!important;padding-top: 20px;}
}
 
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.product-range-list{width:90%;}
	.evcharger-solution-nav a {padding: 0 25px;}
	.evcharger-solution-nav a span {font-size: 14px;}
	.screen-banner-bottom-nav a {height: 50px;line-height: 50px;font-size: 15px;}
	.screen-banner-swiper .screen-banner-slide .line {margin: 0px auto;}
	.product-range-list .item .text h5,.evcharger-advantage .item3 .text {font-size: 12px;line-height: 22px;}
	.about-company-qualification .main {right: 0;}
	.swiper-history .swiper-history-time .year-num {padding-top: 145px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -20px;}
	.investors-relations .main .title-style h2 {font-size: 30px;}
	.investors-relations .main .title-style h4 {font-size: 40px;}
	.investors-date {width: 70%;padding: 3% 5%;margin:20px auto auto;}
	.investors-date .left .ld2 .txt1 {font-size: 40px;}
	.investors-date .right li {width: 22%;}
	.swiper-history {margin-top: -40px;}
	#bdmap {height: 700px!important;}
	.contact-bottom .right .content-way .item {padding: 20px 0;}
	.screen-1-1 .text {width: 70%;}
	.screen-1-3 .left {width: 41%;padding: 0 5% 0 5%;}
	.screen-1-3 .left .item3 a h4 {font-size: 14px;}
	.screen .title h4 {font-size: 30px;}
	.screen-1-3 .left .item3 a {margin-top: 10px;}
	.screen-1-3 .left .item3 {width: 100%;}
	.screen-1-4 .text {padding-top: 10px;width: 90%;}
	.screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main, .screen-2-2 .main, .screen-2-4 .main, .screen-2-6 .main, .screen-3-1 .main, .screen-3-4 .main, .screen-3-5 .main, .screen-3-6 .main, .screen-3-8 .main, .screen-4-2 .main, .screen-4-6 .main {left: 5%;}
	.screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main {width: 500px;}
	.screen-1-6 .rightpic {width: 70%;}
	.screen-1-6 .rightpic .item4 a {padding: 0;}
	.screen-1-7 .item3 a {width: 250px;height: 250px;}
	.screen .title h2 {font-size: 30px;}
	.screen-2-1 .main .title {padding-top: 10px;}
	.date3 li h3 {font-size: 30px}
	.date3 li h3 i {font-size: 24px;}
	.date3 li {padding: 0 20px;}
	.screen-2-3 .main .text {margin-bottom: 200px;}
	.screen-3-1 .main .text,.screen-3-8 .main .text {width: 70%;}
	.screen-3-4 .main .text {width: 65%;}
	.screen-7 .swiper-right {margin-top:0px;height: 710px;}
	.screen-7 .right {padding-bottom: 0;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {bottom:0px;}
	.swiper-tab-screen .swiper-button-next {right:0px;}
	.swiper-tab-screen .swiper-button-prev {right: 102px;}
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.index-about .img img {max-width:240%;width:240%;}	
	.index-about .about-item .right .item li {padding: 15% 5% 15% 10%;position: relative}
	.index-about .item .img {display: none;}
	.index-interesting-list a .img img.img-center {width: 100%!important;}
	.contact-section .content .left .content-way li i,.contact-section .content .left .content-way li span {display: inline-block;text-align: left;padding-top: 0px;}
	.contact-section .content .left .content-way li span {padding-left: 10px;}
	.contact-section .content .left .content-map iframe {width: 100%;}
	.index-interesting, .contact-section, .product-range, .interesting-video, .Contact-our-team, .contact-bottom .right, .interesting-detail, .interesting-other {padding: 10% 0;}
	.mbshow,.screen-banner-swiper .screen-banner-slide .img img,.interesting-video-list .item.img-3 .img img.img-center,.video-list a .img img.img-center,.video-list-bottom a .img img.img-center,.download-list a .img img.img-center,.interesting-list a .img img.img-center {width: 100%!important;}
	.interesting-list a .text {height: auto;}
	.interesting-list a .text h5 {margin:20px 0 0px;}
	.product-range-list .item-2 .text h5 {min-height: 44px;}
	.screen-2 .img video {width: 100%;}
	.product-top-nav .content .left {display: block;}
	.product-top-nav .content .right {width: 50%;float: right;}
	.page-banner .img img.pcshow {display: block!important;}
	.page-banner .img img.mbshow {display: none!important;}
	.screen-banner-swiper .screen-banner-slide .img img.pcshow {display: block!important;}
	.screen-banner-swiper .screen-banner-slide .img img.mbshow {display: none!important;}
	.screen-banner-swiper .screen-banner-slide .text.center h1 {margin-top: 5%;}
	.our-project-swiper-3 {width: 100%;}
	.interesting-video {padding: 10% 0 0 0;}
	.screen-banner-swiper .screen-banner-slide .text h1 {margin-top: 10%;}
	.development-history .top .title-style {margin-top: 45%;}
	.index-products-center .bottom5 a:first-child {width: 50%;}
	.index-products-center .bottom5 a {width: 50%;}
	.index-newslist a {width: 50%;}
	.index-newslist a:last-child {display: none;}
	.contact-section .content .left .content-way li {width: 33%;}
	.contact-section .content .left .content-way li:last-child {width: 100%;}
	.cd-nav li a.twonav,.mchildren a.threenav {background: url(../images/right3.png) right center no-repeat;background-size: 1.5%;}
}
/* all iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  {}
/* x iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape)  {}
/* y iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	.banner-slide .txt {margin-top: -130px;}
	.index-about .img img {max-width: 140%;width: 140%;}
	.banner-slide .img img.pcshow {display: block!important;height: auto!important;}
	.banner-slide .img img.mbshow {display: none!important;}
}




    @media only screen and (max-width:768px) {
        .inshebei-box .sb-ul .morebtn {
            width: 120px;
            height: 40px;
            line-height: 40px;
        }
        .inshebei-box .sb-ul .sbdiv .sb-ul-btn {
            display: none;
        }
    }
    

.relative{position:relative}
.absolute{position:absolute}
.float_left{float:left}
.float_right{float:right}
.banner_slides{overflow:hidden;width:100%;height:auto;min-width:320px}
.banner_slides .banner_slideContainer li{float:left;overflow:hidden;width:100%;height:100%}
.banner_slides .banner_slideContainer li a{position:relative;display:block;width:100%;height:100%}
.banner_slides .banner_slideContainer li a img{display:block;width:100%;height:auto}
.banner_slides .bannerSlide_foncus{bottom:5%;z-index:10;overflow:hidden;width:100%;height:auto;text-align:center;left:0}
.banner_slides .bannerSlide_foncus span{display:inline-block;margin:0 11px;cursor:pointer;width:16px;height:16px;background-image:url(../img/banner-btn.png);background-repeat:no-repeat;-moz-background-size:16px 16px;-o-background-size:16px 16px;background-size:16px 16px;background-position:center;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.banner_slides .bannerSlide_foncus span.active{background-image: url(../img/banner-btn-h.png);}